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

Creational Design Patterns

Creational design patterns focus on handling object-creation mechanisms where objects are created in a manner suitable for a given situation. The basic approach to object creation might otherwise lead to added complexity in a project, while these patterns aim to solve this problem by controlling the creation process.

Some of the patterns that fall under this category are: Constructor, Factory, Abstract, Prototype, Singleton, and Builder.

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Start your free trial

Mastering JavaScript Design Patterns - Second Edition

Simon Timms

JavaScript Patterns

Stoyan Stefanov

JavaScript : Object-Oriented Programming

Kumar Chetan Sharma et al

Design Patterns in TypeScript

Dimitiris Loukas

Publisher Resources

ISBN: 9781449334840Errata Page