Learning JavaScript Design Patterns.pdf

(2372 KB) Pobierz
973230069.009.png
Learning JavaScript Design
Patterns
Addy Osmani
Beijing
Cambridge
Farnham
Köln
Sebastopol
Tokyo
•
•
•
•
•
973230069.010.png 973230069.011.png 973230069.012.png 973230069.001.png 973230069.002.png 973230069.003.png 973230069.004.png 973230069.005.png
 
Learning JavaScript Design Patterns
by Addy Osmani
Copyright © 2012 Addy Osmani. All rights reserved.
Revision History for the :
2012-05-01 Early release revision 1
ISBN: 978-1-449-33181-8
1335906805
Table of Contents
Preface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ix
1.
Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
2.
What is a Pattern? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3
We already use patterns everyday
4
3.
'Pattern'-ity Testing, Proto-Patterns & The Rule Of Three . . . . . . . . . . . . . . . . . . . . . . 7
4.
The Structure Of A Design Pattern . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
9
5.
Writing Design Patterns . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
6.
Anti-Patterns . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
13
7.
Categories Of Design Pattern . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
15
Creational Design Patterns
15
Structural Design Patterns
16
Behavioral Design Patterns
16
8.
Design Pattern Categorization . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
A brief note on classes
17
9.
JavaScript Design Patterns . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
The Creational Pattern
22
The Constructor Pattern
23
Basic Constructors
23
Constructors With Prototypes
24
The Singleton Pattern
24
The Module Pattern
27
iii
973230069.006.png 973230069.007.png
Modules
27
Object Literals
27
The Module Pattern
29
The Revealing Module Pattern
36
The Observer Pattern
37
Advantages
38
Disadvantages
39
Implementations
39
The Mediator Pattern
49
Advantages & Disadvantages
50
Mediator Vs. Observer
51
Mediator Vs. Facade
51
The Prototype Pattern
52
The Command Pattern
54
The Facade Pattern
56
The Factory Pattern
58
When To Use The Factory Pattern
59
When Not To Use The Factory Pattern
59
The Mixin Pattern
60
The Decorator Pattern
61
Subclassing
61
Decorators
63
Example 1: Basic decoration of existing object constructors with new
functionality
63
Example 2: Simply decorate objects with multiple decorators
64
Pseudo-classical decorators
65
Interfaces
65
This variation of decorators and abstract decorators
66
Implementing decorators with jQuery
69
Pros and cons of the pattern
70
10.
Flyweight . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
71
Flyweight and the data layer
72
Converting code to use the Flyweight pattern
72
A Basic Factory
74
Managing the extrinsic states
74
The Flyweight pattern and the DOM
76
Example 1: Centralized event handling
76
Example 2: Using the Flyweight for Performance Gains
77
11.
MV* Patterns . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79
MVC
79
Smalltalk-80 MVC
79
iv
|
Table of Contents
973230069.008.png

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin