book

Learning JavaScript Design Patterns

by Addy Osmani

July 2012

Intermediate to advanced

254 pages

6h 16m

English

O'Reilly Media, Inc.

Read now

Unlock full access

Object CreationBasic ConstructorsConstructors with Prototypes
Object LiteralsThe Module PatternPrivacyHistoryExamplesModule Pattern VariationsImport mixinsExportsToolkit and framework-specific module pattern implementationsDojoExtJSYUIjQueryAdvantagesDisadvantages
AdvantagesDisadvantages
Differences Between the Observer and Publish/Subscribe PatternAdvantagesDisadvantagesPublish/Subscribe ImplementationsA Publish/Subscribe implementationUsing our implementationUser-interface notificationsDecoupling applications using Ben Alman’s Pub/Sub implementationDecoupling an Ajax-based jQuery application
Basic ImplementationAdvanced ImplementationExampleAdvantages and DisadvantagesMediator Versus ObserverMediator Versus Facade
Notes on Abstraction
When to Use the Factory PatternWhen Not to Use the Factory PatternAbstract Factories
Advantages and Disadvantages
InterfacesAbstract Decorators
Using FlyweightsFlyweights and Sharing DataImplementing Classical FlyweightsDuck punching “implements”Converting Code to Use the Flyweight PatternA Basic FactoryManaging the Extrinsic StatesThe Flyweight Pattern and the DOM
Smalltalk-80 MVC
ModelsViewsTemplatingControllersControllers in Another Library (Spine.js) Versus Backbone.jsSpine.jsBackbone.js
Delving DeeperSummary
Models, Views, and PresentersMVP or MVC?MVC, MVP, and Backbone.js
HistoryModelViewViewModelRecap: The View and the ViewModelRecap: The ViewModel and the Model
AdvantagesDisadvantages
Getting Started with ModulesAMD Modules with DojoAMD Module Design Patterns (Dojo)AMD Modules with jQueryRegistering jQuery as an Async-compatible moduleWhy AMD is a better choice for writing modular JavaScriptRelated readingScript loaders and frameworks that support AMDAMD Conclusions
Getting StartedConsuming Multiple DependenciesLoaders and Frameworks that Support CommonJSIs CommonJS Suitable for the Browser?Related Reading
UMD: AMD and CommonJS-Compatible Modules for Plug-insBasic AMD hybrid formatUsing CommonJS, AMD, or browser globals to create a modulejQuery plug-ins that function in all environmentsFurther reading
Modules with Imports and ExportsModules Loaded from Remote SourcesModule Loader APICommonJS-like Modules for the ServerClasses with Constructors, Getters, and SettersES Harmony ConclusionsRelated Reading
Further Reading
Further Reading
Further Reading
Further Reading
Further Reading
Further Reading
UsageFurther Reading
Further Reading
Further Reading
QualityCode StyleCompatibilityReliabilityPerformanceDocumentationLikelihood of maintenance
Single Global VariablesPrefix NamespacingObject Literal NotationNested NamespacingImmediately Invoked Function Expressions (IIFE)sNamespace Injection
Automating Nested NamespacingDependency Declaration PatternDeep Object ExtensionRecommendation

Content preview from Learning JavaScript Design Patterns

Chapter 12. Design Patterns in jQuery

jQuery is currently the most popular JavaScript DOM manipulation library and provides an abstracted layer for interacting with the DOM in a safe, cross-browser manner. Interestingly, the library also serves as an example of how design patterns can be effectively used to create an API that is both readable and easy to use.

While in many cases the core contributors that wrote jQuery didn’t set out to use specific patterns, they exist there regardless and are useful to learn from. Let’s take a look at what some of these patterns are and how they are used in the API.