book

JavaScript Patterns

by Stoyan Stefanov

September 2010

Intermediate to advanced

236 pages

5h 47m

English

O'Reilly Media, Inc.

Read now

Unlock full access

Target AudienceConventions Used in This BookUsing Code ExamplesSafari® Books OnlineHow to Contact UsAcknowledgmentsCreditsReading
PatternsJavaScript: ConceptsObject-OrientedNo ClassesPrototypesEnvironmentECMAScript 5JSLintThe Console
Writing Maintainable CodeMinimizing GlobalsThe Problem with GlobalsSide Effects When Forgetting varAccess to the Global ObjectSingle var PatternHoisting: A Problem with Scattered varsfor Loopsfor-in Loops(Not) Augmenting Built-in Prototypesswitch PatternAvoiding Implied TypecastingAvoiding eval()Number Conversions with parseInt()Coding ConventionsIndentationCurly BracesOpening Brace LocationWhite SpaceNaming ConventionsCapitalizing ConstructorsSeparating WordsOther Naming PatternsWriting CommentsWriting API DocsYUIDoc ExampleWriting to Be ReadPeer ReviewsMinify…In ProductionRun JSLintSummary
Object LiteralThe Object Literal SyntaxObjects from a ConstructorObject Constructor CatchCustom Constructor FunctionsConstructor’s Return ValuesPatterns for Enforcing newNaming ConventionUsing thatSelf-Invoking ConstructorArray LiteralArray Literal SyntaxArray Constructor CuriousnessCheck for Array-nessJSONWorking with JSONRegular Expression LiteralRegular Expression Literal SyntaxPrimitive WrappersError ObjectsSummary
BackgroundDisambiguation of TerminologyDeclarations Versus Expressions: Names and HoistingFunction’s name PropertyFunction HoistingCallback PatternA Callback ExampleCallbacks and ScopeAsynchronous Event ListenersTimeoutsCallbacks in LibrariesReturning FunctionsSelf-Defining FunctionsImmediate FunctionsParameters of an Immediate FunctionReturned Values from Immediate FunctionsBenefits and UsageImmediate Object InitializationInit-Time BranchingFunction Properties—A Memoization PatternConfiguration ObjectsCurryFunction ApplicationPartial ApplicationCurryingWhen to Use CurryingSummary
Namespace PatternGeneral Purpose Namespace FunctionDeclaring DependenciesPrivate Properties and MethodsPrivate MembersPrivileged MethodsPrivacy FailuresObject Literals and PrivacyPrototypes and PrivacyRevealing Private Functions As Public MethodsModule PatternRevealing Module PatternModules That Create ConstructorsImporting Globals into a ModuleSandbox PatternA Global ConstructorAdding ModulesImplementing the ConstructorStatic MembersPublic Static MembersPrivate Static MembersObject ConstantsChaining PatternPros and Cons of the Chaining Patternmethod() MethodSummary
Classical Versus Modern Inheritance PatternsExpected Outcome When Using Classical InheritanceClassical Pattern #1—The Default PatternFollowing the Prototype ChainDrawbacks When Using Pattern #1Classical Pattern #2—Rent-a-ConstructorThe Prototype ChainMultiple Inheritance by Borrowing ConstructorsPros and Cons of the Borrowing Constructor PatternClassical Pattern #3—Rent and Set PrototypeClassical Pattern #4—Share the PrototypeClassical Pattern #5—A Temporary ConstructorStoring the SuperclassResetting the Constructor PointerKlassPrototypal InheritanceDiscussionAddition to ECMAScript 5Inheritance by Copying PropertiesMix-insBorrowing MethodsExample: Borrow from ArrayBorrow and BindFunction.prototype.bind()Summary

SingletonUsing newInstance in a Static PropertyInstance in a ClosureFactoryBuilt-in Object FactoryIteratorDecoratorUsageImplementationImplementation Using a ListStrategyData Validation ExampleFaçadeProxyAn ExampleA video expandoWithout a proxyHTMLEvent handlersvideos objecthttp objectEnter the proxyProxy As a CacheMediatorMediator ExampleObserverExample #1: Magazine SubscriptionsExample #2: The Keypress GameSummary
Separation of ConcernsDOM ScriptingDOM AccessDOM ManipulationEventsEvent HandlingEvent DelegationLong-Running ScriptssetTimeout()Web WorkersRemote ScriptingXMLHttpRequestJSONPJSONP example: Tic-tac-toeFrames and Image BeaconsDeploying JavaScriptCombining ScriptsMinifying and CompressingExpires HeaderUsing a CDNLoading StrategiesThe Place of the <script> ElementHTTP ChunkingDynamic <script> Element for Nonblocking DownloadsAppending the <script> elementLazy-LoadingLoading on DemandPreloading JavaScriptSummary

Content preview from JavaScript Patterns

About the Author

Stoyan Stefanov is a Yahoo! web developer, Zend Certified Engineer, and an author, contributor, and tech reviewer of various O'Reilly books. He speaks regularly about web development topics at conferences and on his blog at www.phpied.com. Stoyan is the creator of the smush.it image optimization tool and architect of Yahoo's performance optimization tool YSlow 2.0.