面向对象的JavaScript

对于很多人而言，面向对象这个词可能更多是后台开发人员在说，其实不然，对于前端开发者而言，面向对象编程也显的尤为重要。
对于很多开发者而言，可能对于这些关键词都有听说过，而且也有很多人去研究过，但是却总是记不住它，看了又忘，忘了又看，反反复复。最近再看JavaScript设计模式一书，对于其中的一些内容记录下来，一是为了加深印象，二是为了随时随地想看的时候能找的到，大部分是摘抄书中的内容，而且很多内容因为篇幅问题(当然也是个人懒的原因)很多重要的部分都省去了，你想要知道更多，我建议你自己可以去买一本看看，我觉得还是蛮有帮助的。

1. 动态类型语言和鸭子模型

编程语言主要分为两大类，静态类型语言(java)和动态类型语言(JavaScript)。
静态类型语言在编译时便已经确定了变量的类型，而动态类型语言的变量类型是要到程序运行的时候，待变量赋予某个值之后，才会具有某种类型。

1.1 静态类型语言

优点：首先是在编译时就能发现类型不匹配的错误，编程器可以帮助我们提前避免程序在运行期间可能发生的一些错误。如果在程序中明确地规定了数据类型，编译器还可以针对这些信息对程序进行一些优化工作，提高执行速度。
缺点：首先是迫使程序员依照强契约来编写程序，为每个变量规定数据类型，归根结底只是辅助我们编写可靠性高程序的一种手段，而不是编程程序的目的。同时，类型的申明会增加更多的代码。程序编写过程中，这些细节会让我们的精力从思考业务逻辑中分散出来。

1.2 动态类型语言

优点：编写代码量少，让代码看起来更简介。利于程序员把更多精力放到业务逻辑的实现，对阅读程序很有帮助。
缺点：无法保证变量的类型，从而程序在运行时更容易发生跟类型相关的错误。

1.3 鸭子模型

所谓鸭子模型既对于一个动物而言，只要它发出的叫声跟鸭子一样，我们就认为它是鸭子。鸭子类型指导我们只需要关注对象本身的行为，无需关注对象本身。

多态

1.1 描述

多态的实际含义既同一操作作用于不同的对象上面，可以产生不同的操作解释和不用的结果。即给不同的对象发送同一个消息的时候，对象会根据这个消息分别给出不同的反馈。

1.2 对象类型的多态

function makeSound(animal) {
    animal.sound();
}

var Duck = function() {};
Duck.prototype.sound = function() {
    console.log('嘎嘎嘎');
}

var Chicken = function() {};
Chicken.prototype.sound = function() {
    console.log('咯咯咯');
}
var duck = new Duck();
makeSound(duck);

var chicken = new Chicken();
makeSound(chicken);

通过上面代码，我们可以看到，当我们调用makeSound方法时，根据传入的参数不同，将会有不同的结果出现。这个就好比导演在说action后，主角会开始背单词，道具工会去准备道具一样，只要得到了一个消息，大家都知道自己应该去做什么。

3.封装

封装的目的是将信息隐藏。一般而言，我们平时所说的封装是封装数据和封装实现。

1.1 封装数据

对于静态语言来说，数据封装主要是在定义类的过程中，对一些字段的定义，从而他们有一个明显的类型定义，如private、public、protect等类型关键字。而对于js这种动态类型语言，并没有一个类型关键字之类的约定来约束数据的类型。在ES6的let等命令出来之前，因为var相当于一个全局定义属性，我们并不能对一个数据作用域有一个很好的约束，想要达到很好的数据封装，就必须借助立即执行函数来实现作用域：

var myobj = (funciton() {
  var _name = 'june'; // 私有属性
  return {
    getName() { // 公有方法
      return _name;
    }
  }
})();

1.2 封装实现

封装的目的是将信息隐藏，封装应该被视为'任何形式的封装'，也就是说，封装不仅仅是封装隐藏的数据，还包括隐藏实现细节，设计细节以及隐藏对象的类型等。而在我们实际开发中，当我们调用一个外部的api时，我们不必关心api的内部实现、内部细节以及其数据等等，我们只要关心我们需要做什么就好。