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

Overview

With Learning JavaScript Design Patterns, you’ll learn how to write beautiful, structured, and maintainable JavaScript by applying classical and modern design patterns to the language. If you want to keep your code efficient, more manageable, and up-to-date with the latest best practices, this book is for you.

Explore many popular design patterns, including Modules, Observers, Facades, and Mediators. Learn how modern architectural patterns—such as MVC, MVP, and MVVM—are useful from the perspective of a modern web application developer. This book also walks experienced JavaScript developers through modern module formats, how to namespace code effectively, and other essential topics.

Learn the structure of design patterns and how they are written
Understand different pattern categories, including creational, structural, and behavioral
Walk through more than 20 classical and modern design patterns in JavaScript
Use several options for writing modular code—including the Module pattern, Asyncronous Module Definition (AMD), and CommonJS
Discover design patterns implemented in the jQuery library
Learn popular design patterns for writing maintainable jQuery plug-ins

"This book should be in every JavaScript developer’s hands. It’s the go-to book on JavaScript patterns that will be read and referenced many times in the future."—Andrée Hansson, Lead Front-End Developer, presis!