《JavaScript设计模式与开发实践》知识点笔记

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "PingFang SC" }
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "PingFang SC"; min-height: 25.0px }
p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "Songti SC"; color: #000000 }
p.p4 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Times; color: #000000; min-height: 23.0px }
p.p5 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "Songti SC"; color: #000000; min-height: 25.0px }
p.p6 { margin: 0.0px 0.0px 12.0px 0.0px; line-height: 15.0px; font: 18.0px "Songti SC"; color: #000000 }
p.p7 { margin: 0.0px 0.0px 12.0px 0.0px; line-height: 15.0px; font: 18.0px Times; color: #000000; min-height: 23.0px }
p.p8 { margin: 0.0px 0.0px 12.0px 0.0px; line-height: 15.0px; font: 18.0px Times; color: #000000 }
p.p9 { margin: 0.0px 0.0px 12.0px 0.0px; line-height: 15.0px; font: 18.0px "Songti SC"; color: #000000; min-height: 25.0px }
span.s1 { font: 18.0px "PingFang SC"; color: #000000 }
span.s2 { }
span.s3 { font: 18.0px Times }
span.s4 { font: 18.0px "Songti SC" }
span.Apple-tab-span { white-space: pre }

1、javaScript没有提供传统面向对象语言中的类式继承，而是通过原型委托的方式来实现对象与对象之间的继承。

2、静态类型语言在编译时便已确定变量的类型，而动态类型语言的变量类型要到程序运行的时候，待变量被赋予某个值后，才会具有某种类型。

3、JavaScript是一门典型的动态类型语言

4、利用鸭子类型的思想，我能在动态类型语言中实现一个原则：“面向接口编程，而不是面向实现编程”

5、多态：同一操作作用于不同的对象上面，可以产生不同的解释和不同的执行结果。

6、多态背后的思想是将“做什么”和“谁去做以及怎样去做”分离开来，也就是将“不变的事物”与“可能改变的事物”分离开来。

7、多态的最根本的好处在于，你不必再向对象询问“你是什么类型”而后根据得到的答案调用对象的某个行为——你只管调用该行为就是了，其他的一切多态机制都会为你安排妥当。

8、从设计模式的角度出发， 封装在更重要的层面体现为封装变化

9、创建型模式，结构型模式，行为型模式

10、JavaScript选择基于原型的面向对象系统

11、原型模式不关心对象的具体类型，而是找到一个对象，然后通过克隆来创建一个一模一样的对象

12、原型模式的实现关键，是语言本身是否提供了clone方法，ECMAScript5提供了Object.create方法，可以用来克隆对象

13、所有的JavaScript对象都是从某个对象上克隆而来的

14、原型编程中的一个重要特性：当对象无法响应某个请求时，会把该请求委托给自己的原型

15、原型编程泛型至少包括以下基本规则：

1.所有的数据都是对象

2.要得到一个对象，不是通过实例化类，而是找到一个对象做为原型并克隆它

3.对象会记住它的原型

4.如果对象无法响应某个请求，它会把这个请求委托给它自己的原型

16、JavaScript中的根对象是Object.prototype对象，该对象是一个空对象

17、用new运算符来创建对象的过程，实际上也只是先克隆Object.prototype对象，再进行一些其他额外操作的过程

18、对于“对象把请求委托给它自己的原型”这句话，更好的说法是对象把请求委托给它的构造器的原型

19、__proto__就是对象跟“对象构造器的原型”联系起来的纽带，__proto__指向构造器的prototype

20、原型链终点，Object.prototype,也就是null

21、设计模式在很多时候其实都体现了语言的不足之处，如果要使用设计模式，不如去找一门更好的语言。

22、this具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境

23、借用构造方法

24、使用Array.prototype.push方法需要满足两个条件:

1.对象本身要可以存取属性

2.对象的length属性可读写

25、命令模式的意图是把请求封装为对象，从而分离请求的发起者和请求的接收者（执行者）之间的耦合关系。在命令被执行之前，可以预先往命令对象中植入命令的接收者。

26、高阶函数是指至少满足下列条件之一的函数：

1.函数可以作为参数被传递

2.函数可以作为返回值输出

27、回调函数的应用不仅只在异步请求中，当一个函数不适合执行一些请求时，我们也可以把这些请求封装成一个函数，并把它作为参数传递给另外一个函数，“委托”给另一个函数来执行。

28、AOP（面向切面编程）的主要作用是把一些跟核心业务逻辑模块无关的功能抽离出来，这些跟业务逻辑无关的功能通常包括日志统计，安全控制，异常处理等。

29、JavaScript实现AOP，都是指把一个函数“动态织入”到另一个函数中。

30、装饰者模式精华思想：装饰者对象和它所装饰的对象拥有一致的接口，所以它们对使用该对象的客户来说是透 明的，被装饰的对象也并不需要了解它曾经被装饰过，这种透明性使得我们可以递归地嵌套任意 多个装饰者对象 ，有点类似递归的思想

31、要实现一个标准的单例模式并不复杂，无非是用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实例时，直接返回之前创建的对象。

32、将不变的部分和变化的部分隔开是每个设计模式的主题

33、策略模式的目的就是将算法的使用与算法的实现分离开来。

34、一个基于策略模式的程序至少由两部分组成。第一个部分是一组策略类，策略类封装了具体的算法，并负责具体的计算过程。第二部分是环境类Context，Context接受客户的请求，随后把请求委托给一个策略类。要做到这点，说明Context中要维持对某个策略对象的引用。

35、策略模式的思想：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。其实也就是把多条if封装成多条路径，传入不同的参数，执行不同的路径，每条路径策略不同，但是大体目的都是一致的。

36、策略模式的实现并不复杂，关键是如何从策略模式的实现背后，找到封装变化、委托和多态性这些思想的价值

37、从定义上看，策略模式就是用来封装算法的。但如果把策略模式仅仅用来封装算法，未免有点大材小用。在实际开发中，我们通常会把算法的含义扩散开来，是策略模式也可以用来封装一系列的“业务规则”。只要这些业务规则指向的目标一致，并且可以被替换使用，我们就可以使用策略模式来封装它们。

37、代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问。

38、代理模式的关键是，当客户不方便直接访问一个对象或者不满足需要的时候，提供一个替身对象来控制对这个对象的访问，客户实际上访问的是替身对象，替身对象请对请求做出一些处理之后，再把请求转交给本体对象。

39、虚拟代理把一些开销很大的对象，延迟到真正需要它的时候才去创建，虚拟代理关键思路就是满足一定的条件了才真正执行原对象的方法。

40、代理就是在代理对象的一个方法中等到合适的时间（比如说图片预加载完），去执行目标对象的方法，这两个方法是同名的，所以对于用户来说这个过程是透明的。代理负责预加载图片，预加载操作完成之后，把请求重新交给本体MyImage。

41、给img节点设置src和图片预加载这两个功能，被隔离在两个对象里，他们可以各自变化而不影响对方。何况就算有一天我们不再需要预加载，那么只需要改成请求本体而不是请求代理对象即可。

42、缓存代理可以为一些开销大的运算结果提供暂时的存储，在下次运算时，如果传递进来的参数跟之前的一致，则可以直接返回前面存储的运算结果。

43、比如说分页请求，我们就可以使用缓存代理来缓存我们已经请求的数据，而不是每次都从后台抓取。

44、代理模式包括许多小分类，在JavaScript开发中最常用的是虚拟代理和缓存代理。虽然代理模式非常有用，但我们在编写业务代码的时候，往往不需要去预先猜测是否需要使用代理模式，当真正发现不方便直接访问某个对象的时候，在编写代理也不迟。因为真正的对象逻辑不会因为代理而改变，代理的目的只是在合适的时间点去执行原对象。

45、

发布-订阅者模式可以取代对象之间硬编码的通知机制，一个对象不用再显式地调用另外一个对象的某个接口。发布-订阅模式让两个对象松耦合地联系在一起，虽然不太清楚彼此的细节，但这不影响他们之间的通信

46、

实现发布-订阅者思路：

1.首先要指定好谁充当发布者（比如售楼处）

2.然后给发布者添加一个缓存列表，用于存放回调函数以便通知订阅者（售楼处的花名册）

3.最后发布消息的时候，发布者会遍历这个缓存列表，一次触发里面存放的订阅者回调函数（遍历花名册，挨个发短信）

47、

发布-订阅模式的优点非常明显，一位时间上的解耦，二为对象之间的解耦。发布-订阅者模式还可以用来帮助实现一些别的设计模式，例如中介者模式。

48、

命令模式应用场景：

有时候需要向某些对象发送请求，但是并不知道请求的接受者是谁，也不知道被请求的操作是什么，此时希望用一种松耦合的方式来设计软件，使得请求发送者和请求接收者能够消除彼此之间的耦合关系。

49、

设计模式的主题总是把不变的事物和变化的事物分离开来，命令模式也不例外。按下按钮之后会发生一些事情是不变的，而具体会发生什么事情是可变的。

50、

命令模式的由来，其实是回调函数的一个面向对象的替代品,回调是直接一个函数，比如说添加。而命令模式是一个对象，里面可以有多种方法，比如说添加和撤销，所以我们要拥有添加和撤销的功能，最好还是封装成command对象来传递，而不是直接传递函数。

51、

命令模式在js中说白了就是，我要执行一个方法，但是我不知道它的名字和具体代码，那么我就执行命令对象通过闭包返回的execute方法返，这个方法返回的就是我们想要的函数。具体例子看129页

52、

撤销是命令模式里一个非常有用的功能，试想一下开发一个围棋程序的时候，我们把每一步棋子的变化都封装成命令，则可以轻易地实现悔棋功能。同样，撤销命令还可以用于实现文本编辑器Ctrl+z功能。

53、

组合模式就是用小的子对象来构建更大的对象，而这些小的子对象本身也许是由更小的“孙对象”构成的

54、

当我们往万能遥控器里面添加一个命令的时候，并不关心这个命令是宏命令还是普通子命令。这点对于我们不重要，我们只需要确定它是一个命令，并且这个命令拥有可执行的execute方法，那么这个命令就可以被添加进万能遥控器。

55、

组合模式命令就在于每层对象都有execute方法，根对象执行execute，就会遍历所有子孙对象，体现出了多态。

56、

每当对最上层的对象进行一次请求时，实际上是在对整个树进行深度优先的搜索

57、

组合模式最大的有点就是在于可以一致的对待组合对象和基本对象

58、

客户希望统一对待树中的所有对象，组合模式使客户可以忽略组合对象和叶对象的区别，客户在面对这棵树的时候，不用关心当前正在处理的对象是组合对象还是叶对象，也就是不用写一堆if、else语句来分别处理他们，组合对象和叶对象会各自做自己正确的事情，这是组合模式的重要能力。

59、

组合模式缺点：系统中的每个对象看起来都与其他对象差不多，他们的区别只有在运行的时候才会凸显出来，这会使代码难以理解。此外，如果通过组合模式创建了太多的对象，那么这些对象可能会让系统担负不起。

60、

基于继承的设计模式——模板方法模式

61、

模板方法模式由两部分结构组成，第一部分是抽象父类，第二部分是具体的实现子类。通常在抽象父类中封装了子类的算法框架，包括实现一些公共方法以及封装子类中所有方法的执行顺序，子类通过继承这个抽象类，也继承了整个算法结构，并且可以选择重写父类的方法。

62、

p154，Beverage.prototype.init被称为模板方法的原因是，该方法中封装了子类的算法框架，它作为一个算法的模板，指导子类以何种顺序去执行哪些方法。

63、

JavaScript不支持抽象类，我们以下面两种变通的方法来处理：

1、用鸭子类型来模拟接口检查，以确保子类中确实重写了父类的方法。

2、让Beverage.prototype.brew等方法抛出异常，如果因为粗心忘记编写Coffee.prototype.brew方法，那么至少我们会在程序运行时得到一个错误。

64、

放置钩子是隔离变化的一种常见手段。我们在父类中容易变化的地方放置钩子，钩子可以有一个默认的实现，究竟要不要“挂钩”，这由子类自行决定。钩子方法返回结果决定了模板方法后面部分的执行步骤，也就是程序接下来的走向，这样一来，程序就拥有了变化的可能。

65、

用模板方法模式编写一个程序时，就意味着子类放弃了对自己的控制权，而是改为父类通知子类，哪些方法应该在什么时候被调用。做为子类，只负责提供一些设计上的细节。

66、

在JavaScript中，我们很多时候都不需要依样画瓢地去实现一个模板方法模式，高阶函数是更好的选择。

67、

享元模式的核心是运用共享技术来有效支持大量细粒度的对象。

68、

享元模式要求将对象的属性划分为内部状态与外部状态（状态在这里通常指属性）。享元模式的目标是尽量减少共享对象的数量，关于如何划分内部状态和外部状态，下面的几条经验提供了一些指引。

1、内部状态存储于对象内部。

2、内部状态可以被一些对象共享

3、内部状态独立于具体的场景，通常不会改变

4、外部状态取决于具体的场景，并根据场景而变化，外部状态不能被共享

69、

剥离了外部状态的对象称为共享对象，外部状态在必要时被传入共享对象来组装成一个完整的对象。

70、

享元模式是一种用时间换空间的优化模式

71、

享元模式的关键是如何区别内部状态和外部状态

72、

享元模式适用场景：

1、一个程序中使用了大量的相似对象

2、由于使用了大量对象，造成很大的内存开销

3、对象的大多数状态都可以变为外部状态

4、剥离出对象的外部状态之后，可以用相对较少的共享对象取代大量对象

73、

当对象没有内部状态的时候，生产共享对象的工厂实际上变成了一个单例工厂。

74、

对象池跟祥元模式有一些相似之处，但没有分离内部状态和外部状态这个过程。

75、

享元模式是为解决性能问题而生的模式，这跟大部分模式的诞生原因都不一样

76、

职责链模式的定义是：使多个对象都有机会处理请求，从而避免请求的发送者和接收者之间的耦合关系，将这些对象连成一条链，并沿着这条链传递该请求，直到有一个对象处理它为止

77、

职责链模式最大优点：请求发送者只需要知道链中的第一个节点，从而弱化了发送者和一组接收者之间的强联系。

78、

用AOP来试下职责链既简单又巧妙，但这种把函数叠在一起的方式，同时也叠加了函数的作用域，如果链条太长的话，也会对性能有较大的影响。

79、

中介者模式的作用就是解除对象与对象之间的紧耦合关系

80、

如果对象之间的复杂耦合确实导致调用和维护出现了困难，而且这些耦合度随项目的变化呈指数增长曲线，那我们就可以考虑用中介者模式来重构代码

81、

状态模式的关键是区分事物内部状态，事物内部状态的改变往往会带来事物的行为改变。

82、

状态模式的好处很明显，它可以使每一种状态和它对应的行为之间的关系局部化，这些行为被分散和封装在各自对应的状态类中，便于阅读和管理代码

83、

状态模式定义：

允许一个对象在其内部状态改变时改变他的行为，对象看起来似乎修改了它的类

84、

策略模式和状态模式的相同点是，它们都有一个上下文，一些策略或者状态类，上下文把请求委托给这些类来执行

85、

策略模式和状态模式的不同点是，策略模式中的各个策略类之间是平等又平行的，它们之间没有任何联系， 所以客户必须熟知这些策略类的作用，以便客户可以随时主动切换算法;而在状态模式中，状态 和状态对应的行为是早已被封装好的，状态之间的切换也早被规定完成，“改变行为”这件事情 发生在状态模式内部。对客户来说，并不需要了解这些细节。这正是状态模式的作用所在。

86、

适配器模式的作用是解决两个软件实体间的接口不兼容的问题，使用适配器模式之后，原本由于接口不兼容而不能工作的两个软件实体可以一起工作

87、

如果现有的接口已经能够正常工作，那我们就永远不会用上适配器模式，适配器模式是一种“亡羊补牢”的模式，没有人会在程序设计之初就使用它

88、

常见的设计原则：单一职责原则，里氏替换原则，依赖倒置原则，接口隔离原则，合成复用原则，最少知识原则

89、

开放-封闭原则：软件实体等应该是可以拓展的，但是不可修改

90、

用对象的多态性消除条件分支

放置挂钩也是分离变化的一种方式

91、

在js中，策略模式和命令模式等都可以用回调函数轻松实现

92、

发布——订阅者模式用来降低多个对象之间的依赖关系，他可以取代对象之间硬编码的通知机制，一个对象不用再显式地调用另外一个对象的接口。