Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/jayli/javascript-patterns

Last synced: about 2 months ago
JSON representation
Host: GitHub
URL: https://github.com/jayli/javascript-patterns
Owner: jayli
Fork: true (no-particular/javascript-patterns)
Created: 2013-03-04T01:49:35.000Z (almost 12 years ago)
Default Branch: master
Last Pushed: 2019-12-03T01:16:18.000Z (about 5 years ago)
Last Synced: 2024-08-03T14:10:11.603Z (5 months ago)
Size: 322 KB
Stars: 341
Watchers: 27
Forks: 109
Open Issues: 0
Metadata Files:
- Readme: README.markdown
Awesome Lists containing this project

README

        # JavaScript Patterns

![JavaScript.patterns](http://img03.taobaocdn.com/tps/i3/T1np5gXj4nXXXXXXXX-320-420.jpg)

**“JavaScript patterns”中译本** - 《JavaScript 模式》

- 作者：[Stoyan Stefanov](http://www.phpied.com/)

- 翻译：[拔赤](http://jayli.github.com/)、[goddyzhao](http://goddyzhao.me)、[TooBug](http://www.toobug.net)

偷懒是程序员的优良品质，模式则是先人们总结的偷懒招式。Stoyan Stefanov 的这本书，从 JavaScript 的实际使用场景出发，提炼了不少可以让前端们偷懒的实用招式。模式的探索、创新，将永远是程序员自我提升的一条修炼之道。值得一读。

# 目录

## [第一章 概述](javascript.patterns/blob/master/chapter1.markdown)

- [模式](javascript.patterns/blob/master/chapter1.markdown)

- [JavaScript：概念](javascript.patterns/blob/master/chapter1.markdown#a2)

	- [面向对象](javascript.patterns/blob/master/chapter1.markdown#a3)

	- [无类](javascript.patterns/blob/master/chapter1.markdown#a4)

	- [原型](javascript.patterns/blob/master/chapter1.markdown#a5)

	- [运行环境](javascript.patterns/blob/master/chapter1.markdown#a6)

- [ECMAScript 5](javascript.patterns/blob/master/chapter1.markdown#a7)

- [JSLint](javascript.patterns/blob/master/chapter1.markdown#a8)

- [控制台工具](javascript.patterns/blob/master/chapter1.markdown#a9)

## [第二章 高质量JavaScript基本要点](javascript.patterns/blob/master/chapter2.markdown)

- [编写可维护的代码](javascript.patterns/blob/master/chapter2.markdown#a2)

- [减少全局对象](javascript.patterns/blob/master/chapter2.markdown#a3)

	- [全局对象带来的困扰](javascript.patterns/blob/master/chapter2.markdown#a4)

	- [忘记var时的副作用](javascript.patterns/blob/master/chapter2.markdown#a5)

	- [访问全局对象](javascript.patterns/blob/master/chapter2.markdown#a6)

	- [单 var 模式](javascript.patterns/blob/master/chapter2.markdown#a7)

	- [声明提前：分散的 var 带来的问题](javascript.patterns/blob/master/chapter2.markdown#a8)

- [for 循环](javascript.patterns/blob/master/chapter2.markdown#a9)

- [for-in 循环](javascript.patterns/blob/master/chapter2.markdown#a10)

- [（不）扩充内置原型](javascript.patterns/blob/master/chapter2.markdown#a11)

- [switch 模式](javascript.patterns/blob/master/chapter2.markdown#a12)

- [避免隐式类型转换](javascript.patterns/blob/master/chapter2.markdown#a13)

	- [避免使用 eval()](javascript.patterns/blob/master/chapter2.markdown#a14)

- [使用parseInt()进行数字转换](javascript.patterns/blob/master/chapter2.markdown#a15)

- [编码风格](javascript.patterns/blob/master/chapter2.markdown#a16)

	- [缩进](javascript.patterns/blob/master/chapter2.markdown#a17)

	- [花括号](javascript.patterns/blob/master/chapter2.markdown#a18)

	- [左花括号的放置](javascript.patterns/blob/master/chapter2.markdown#a19)

	- [空格](javascript.patterns/blob/master/chapter2.markdown#a20)

- [命名规范](javascript.patterns/blob/master/chapter2.markdown#a21)

	- [构造器命名中的大小写](javascript.patterns/blob/master/chapter2.markdown#a22)

	- [单词分隔](javascript.patterns/blob/master/chapter2.markdown#a23)

	- [其他命名风格](javascript.patterns/blob/master/chapter2.markdown#a24)

- [书写注释](javascript.patterns/blob/master/chapter2.markdown#a25)

- [书写API文档](javascript.patterns/blob/master/chapter2.markdown#a26)

	- [一个例子：YUIDoc](javascript.patterns/blob/master/chapter2.markdown#a27)

- [编写易读的代码](javascript.patterns/blob/master/chapter2.markdown#a28)

- [相互评审](javascript.patterns/blob/master/chapter2.markdown#a29)

- [生产环境中的代码压缩（Minify）](javascript.patterns/blob/master/chapter2.markdown#a30)

- [运行JSLint](javascript.patterns/blob/master/chapter2.markdown#a31)

- [小结](javascript.patterns/blob/master/chapter2.markdown#a32)

## [第三章 直接量和构造函数](javascript.patterns/blob/master/chapter3.markdown)

- [对象直接量](javascript.patterns/blob/master/chapter3.markdown#a2)

	- [对象直接量语法](javascript.patterns/blob/master/chapter3.markdown#a3)

	- [通过构造函数创建对象](javascript.patterns/blob/master/chapter3.markdown#a4)

	- [获得对象的构造器](javascript.patterns/blob/master/chapter3.markdown#a5)

- [自定义构造函数](javascript.patterns/blob/master/chapter3.markdown#a6)

	- [构造函数的返回值](javascript.patterns/blob/master/chapter3.markdown#a7)

- [强制使用new的模式](javascript.patterns/blob/master/chapter3.markdown#a8)

	- [命名约定](javascript.patterns/blob/master/chapter3.markdown#a9)

	- [使用that](javascript.patterns/blob/master/chapter3.markdown#a10)

	- [调用自身的构造函数](javascript.patterns/blob/master/chapter3.markdown#a11)

- [数组直接量](javascript.patterns/blob/master/chapter3.markdown#a12)

	- [数组直接量语法](javascript.patterns/blob/master/chapter3.markdown#a13)

	- [有意思的数组构造器](javascript.patterns/blob/master/chapter3.markdown#a14)

	- [检查是不是数组](javascript.patterns/blob/master/chapter3.markdown#a15)

- [JSON](javascript.patterns/blob/master/chapter3.markdown#a16)

	- [使用JSON](javascript.patterns/blob/master/chapter3.markdown#a17)

- [正则表达式直接量](javascript.patterns/blob/master/chapter3.markdown#a18)

	- [正则表达式直接量语法](javascript.patterns/blob/master/chapter3.markdown#a19)

- [原始值的包装对象](javascript.patterns/blob/master/chapter3.markdown#a20)

- [Error对象](javascript.patterns/blob/master/chapter3.markdown#a21)

- [小结](javascript.patterns/blob/master/chapter3.markdown#a22)

## [第四章 函数](javascript.patterns/blob/master/chapter4.markdown)

- [背景知识](javascript.patterns/blob/master/chapter4.markdown#a2)

	- [术语释义](javascript.patterns/blob/master/chapter4.markdown#a3)

	- [声明 vs 表达式：命名与提前](javascript.patterns/blob/master/chapter4.markdown#a4)

	- [函数的name属性](javascript.patterns/blob/master/chapter4.markdown#a5)

	- [函数提前](javascript.patterns/blob/master/chapter4.markdown#a6)

- [回调模式](javascript.patterns/blob/master/chapter4.markdown#a7)

	- [一个回调的例子](javascript.patterns/blob/master/chapter4.markdown#a8)

	- [回调和作用域](javascript.patterns/blob/master/chapter4.markdown#a9)

	- [异步事件监听](javascript.patterns/blob/master/chapter4.markdown#a10)

	- [超时](javascript.patterns/blob/master/chapter4.markdown#a11)

	- [库中的回调](javascript.patterns/blob/master/chapter4.markdown#a12)

- [返回函数](javascript.patterns/blob/master/chapter4.markdown#a12)

- [自定义函数](javascript.patterns/blob/master/chapter4.markdown#a14)

- [立即执行的函数](javascript.patterns/blob/master/chapter4.markdown#a15)

	- [立即执行的函数的参数](javascript.patterns/blob/master/chapter4.markdown#a16)

	- [立即执行的函数的返回值](javascript.patterns/blob/master/chapter4.markdown#a17)

	- [好处和用法](javascript.patterns/blob/master/chapter4.markdown#a18)

- [立即初始化的对象](javascript.patterns/blob/master/chapter4.markdown#a19)

- [条件初始化](javascript.patterns/blob/master/chapter4.markdown#a20)

- [函数属性——Memoization模式](javascript.patterns/blob/master/chapter4.markdown#a21)

- [配置对象](javascript.patterns/blob/master/chapter4.markdown#a22)

- [柯里化 （Curry）](javascript.patterns/blob/master/chapter4.markdown#a23)

	- [函数应用](javascript.patterns/blob/master/chapter4.markdown#a24)

	- [部分应用](javascript.patterns/blob/master/chapter4.markdown#a25)

	- [柯里化](javascript.patterns/blob/master/chapter4.markdown#a26)

	- [什么时候使用柯里化](javascript.patterns/blob/master/chapter4.markdown#a27)

- [小结](javascript.patterns/blob/master/chapter4.markdown#a28)

## 第五章 对象创建模式

- 命名空间模式

	- 通用的命名空间函数

- 声明依赖

- 私有属性和方法

	- 私有成员

	- 特权方法

	- 私有化失败

	- 对象直接量及其私有成员

	- 原型及其私有成员

	- 将私有函数暴露为共有方法

- 模块模式

	- 暴露模块模式

	- 创建构造器的模块

	- 在模块中引入全局上下文

- 沙箱模式

	- 全局构造函数

	- 添加模块

	- 实现这个构造函数

- 静态成员

	- 共有静态成员

	- 私有静态成员

- 对象常量

- 链式调用模式

	- 链式调用模式的利弊

- method() 方法

- 小节

## [第六章 代码复用模式](javascript.patterns/blob/master/chapter6.markdown#a1)

- [类式继承 vs 现代继承模式](javascript.patterns/blob/master/chapter6.markdown#a2)

- [类式继承的期望结果](javascript.patterns/blob/master/chapter6.markdown#a3)

- [类式继承 1  ——默认模式](javascript.patterns/blob/master/chapter6.markdown#a4)

	- [跟踪原型链](javascript.patterns/blob/master/chapter6.markdown#a5)

	- [这种模式的缺点](javascript.patterns/blob/master/chapter6.markdown#a6)

- [类式继承 2 ——借用构造函数](javascript.patterns/blob/master/chapter6.markdown#a7)

	- [原型链](javascript.patterns/blob/master/chapter6.markdown#a8)

	- [利用借用构造函数模式实现多继承](javascript.patterns/blob/master/chapter6.markdown#a9)

	- [借用构造函数的利与弊](javascript.patterns/blob/master/chapter6.markdown#a10)

- [类式继承 3 ——借用并设置原型](javascript.patterns/blob/master/chapter6.markdown#a11)

- [类式继承 4 ——共享原型](javascript.patterns/blob/master/chapter6.markdown#a12)

- [类式继承 5 —— 临时构造函数](javascript.patterns/blob/master/chapter6.markdown#a13)

	- [存储父类](javascript.patterns/blob/master/chapter6.markdown#a14)

	- [重置构造函数引用](javascript.patterns/blob/master/chapter6.markdown#a15)

- [Klass](javascript.patterns/blob/master/chapter6.markdown#a16)

- [原型继承](javascript.patterns/blob/master/chapter6.markdown#a17)

	- [讨论](javascript.patterns/blob/master/chapter6.markdown#a18)

	- [例外的ECMAScript 5](javascript.patterns/blob/master/chapter6.markdown#a19)

- [通过复制属性继承](javascript.patterns/blob/master/chapter6.markdown#a20)

- [混元（Mix-ins）](javascript.patterns/blob/master/chapter6.markdown#a21)

- [借用方法](javascript.patterns/blob/master/chapter6.markdown#a22)

	- [例：从数组借用](javascript.patterns/blob/master/chapter6.markdown#a23)

	- [借用并绑定](javascript.patterns/blob/master/chapter6.markdown#a24)

	- [Function.prototype.bind()](javascript.patterns/blob/master/chapter6.markdown#a25)

- [小结](javascript.patterns/blob/master/chapter6.markdown#a26)

## [第七章 设计模式](javascript.patterns/blob/master/chapter7.markdown#a1)

- [单例](javascript.patterns/blob/master/chapter7.markdown#a2)

	- [使用new](javascript.patterns/blob/master/chapter7.markdown#a3)

	- [将实例放到静态属性中](javascript.patterns/blob/master/chapter7.markdown#a4)

	- [将实例放到闭包中](javascript.patterns/blob/master/chapter7.markdown#a5)

- [工厂模式](javascript.patterns/blob/master/chapter7.markdown#a6)

	- [内置对象工厂](javascript.patterns/blob/master/chapter7.markdown#a7)

- [迭代器](javascript.patterns/blob/master/chapter7.markdown#a8)

- [装饰器](javascript.patterns/blob/master/chapter7.markdown#a9)

	- [用法](javascript.patterns/blob/master/chapter7.markdown#a10)

	- [实现](javascript.patterns/blob/master/chapter7.markdown#a11)

	- [使用列表实现](javascript.patterns/blob/master/chapter7.markdown#a12)

- [策略模式](javascript.patterns/blob/master/chapter7.markdown#a13)

	- [数据验证示例](javascript.patterns/blob/master/chapter7.markdown#a14)

- [外观模式](javascript.patterns/blob/master/chapter7.markdown#a15)

- [代理模式](javascript.patterns/blob/master/chapter7.markdown#a16)

	- [一个例子](javascript.patterns/blob/master/chapter7.markdown#a17)

- [中介者模式](javascript.patterns/blob/master/chapter7.markdown#a18)

	- [中介者示例](javascript.patterns/blob/master/chapter7.markdown#a19)

- [观察者模式](javascript.patterns/blob/master/chapter7.markdown#a20)

	- [例1：杂志订阅](javascript.patterns/blob/master/chapter7.markdown#a21)

	- [例2：按键游戏](javascript.patterns/blob/master/chapter7.markdown#a22)

- [小结](javascript.patterns/blob/master/chapter7.markdown#a23)

## 第八章 DOM和浏览器模式

- 分离关注点

- DOM 脚本编程

	- DOM访问

	- DOM操作

- 事件

	- 事件处理

	- 事件委托

- 长时间运行的脚本

	- setTimeout()

	- Web Workers

- 远程脚本

	- XMLHttpRequest

	- JSONP

	- Frame和Image加载指示器

- 部署JavaScript

	- 合并脚本

	- 代码减肥和压缩

	- 过期头

	- 使用CDN

- 加载策略

	- script标签的位置

	- HTTP 分块

	- 动态插入script标签非阻塞载入脚本

	- 延迟加载

	- 按需加载

	- 预加载

- 小节

## 索引