摘要：一工廠模式創(chuàng)建對(duì)象交給一個(gè)工廠方法來(lái)實(shí)現(xiàn)，可以傳遞參數(shù)，但主要缺點(diǎn)是無(wú)法識(shí)別對(duì)象類型，因?yàn)閯?chuàng)建對(duì)象都是使用的原生構(gòu)造函數(shù)來(lái)完成的。此外，組合模式還支持向構(gòu)造函數(shù)傳遞參數(shù)，可謂是集兩家之所長(zhǎng)。

原文鏈接

面向?qū)ο蟮恼Z(yǔ)言有一個(gè)標(biāo)志，即擁有類的概念，抽象實(shí)例對(duì)象的公共屬性與方法，基于類可以創(chuàng)建任意多個(gè)實(shí)例對(duì)象，一般具有封裝、繼承、多態(tài)的特性！

但JS中對(duì)象與純面向?qū)ο笳Z(yǔ)言中的對(duì)象是不同的，ECMA標(biāo)準(zhǔn)定義JS中對(duì)象：無(wú)序?qū)傩缘募?，其屬性可以包含基本值、?duì)象或者函數(shù)。

可以簡(jiǎn)單理解為JS的對(duì)象是一組無(wú)序的值，其中的屬性或方法都有一個(gè)名字，根據(jù)這個(gè)名字可以訪問相映射的值（值可以是基本值/對(duì)象/方法）。

創(chuàng)建對(duì)象交給一個(gè)工廠方法來(lái)實(shí)現(xiàn)，可以傳遞參數(shù)，但主要缺點(diǎn)是無(wú)法識(shí)別對(duì)象類型，因?yàn)閯?chuàng)建對(duì)象都是使用Object的原生構(gòu)造函數(shù)來(lái)完成的。

function createPerson(name, age, job) {
  var o = new Object();
  o.name = name;
  o.age = age;
  o.job = job;
  o.getName = function () {
    return this.name;
  }
  return o; // 使用return返回生成的對(duì)象實(shí)例
}
var person = createPerson("Jack", 19, "SoftWare Engineer");

function Person(name,age,job){
  this.name = name;
  this.age = age;
  this.job = job;
  this.getName = function () {
    return this.name;
  }
}
var person1 = new Person("Jack", 19, "SoftWare Engineer");
var person2 = new Person("Liye", 23, "Mechanical Engineer");

構(gòu)造函數(shù)模式與工廠方法區(qū)別在于：

沒有顯式地創(chuàng)建對(duì)象

直接將屬性和方法賦值給this對(duì)象

沒有return語(yǔ)句

上述由Person構(gòu)造函數(shù)生成的兩個(gè)對(duì)象person1與person2都是Person的實(shí)例，因此可以使用instanceof判斷，并且因?yàn)樗袑?duì)象都繼承Object，因此person1 instanceof Object也返回真：

console.log(person1 instanceof Person); // true;
console.log(person2 instanceof Person); // true;
console.log(person1 instanceof Object); // true;
console.log(person2 instanceof Object); // true;
console.log(person1.constructor === person2.constructor); // ture;

雖然構(gòu)造函數(shù)方式比較不錯(cuò)，但也存在缺點(diǎn)，那就是在創(chuàng)建對(duì)象時(shí)，特別針對(duì)對(duì)象的屬性指向函數(shù)時(shí)，會(huì)重復(fù)的創(chuàng)建函數(shù)實(shí)例，以上述代碼為基礎(chǔ)，可以改寫為：

function Person(name,age,job){
  this.name = name;
  this.age = age;
  this.job = job;
  this.getName = getName;
}
function getName() {
  return this.name;
}

JS中每個(gè)函數(shù)都有一個(gè)prototype(原型)屬性，這個(gè)屬性是一個(gè)指針，指向一個(gè)對(duì)象，它是所有通過(guò)new操作符使用函數(shù)創(chuàng)建的實(shí)例的原型對(duì)象。

原型對(duì)象最大特點(diǎn)是，所有對(duì)象實(shí)例共享它所包含的屬性和方法，也就是說(shuō)，所有在原型對(duì)象中創(chuàng)建的屬性或方法都直接被所有對(duì)象實(shí)例共享。

function Person() {}

Person.prototype.name = "Jack";
Person.prototype.age = 29;
Person.prototype.getName = function () {
  return this.name;
}

var person1 = new Person();
var person2 = new Person();

console.log(person1.getName === person2.getName); // ture;

目前最為常用的定義類型方式，是組合構(gòu)造函數(shù)模式與原型模式。

構(gòu)造函數(shù)模式用于定義實(shí)例的屬性，而原型模式用于定義方法和共享的屬性。

這樣，每個(gè)實(shí)例都會(huì)有自己的一份實(shí)例屬性的副本，但同時(shí)又共享著對(duì)方方法的引用，最大限度的節(jié)約內(nèi)存。此外，組合模式還支持向構(gòu)造函數(shù)傳遞參數(shù)，可謂是集兩家之所長(zhǎng)。

function Person(name, age, job) {
  this.name = name;
  this.age = age;
  this.job = job;
  this.lessons = ["Math", "Physics"];
}
Person.prototype = {
  constructor: Person, // 原型字面量方式會(huì)將對(duì)象的constructor變?yōu)镺bject，需要強(qiáng)制指回Person
  getName: function () {
    return this.name;
  }
}

var person1 = new Person("Jack", 19, "SoftWare Engneer");
person1.lessons.push("Biology");

var person2 = new Person("Lily", 39, "Mechanical Engneer");

console.log(person1.lessons); // ["Math", "Physics", "Biology"]
console.log(person2.lessons); // ["Math", "Physics"]
console.log(person1.getName === person2.getName); // true

組合模式中實(shí)例屬性與共享方法（由原型定義）是分離的，這與純面向?qū)ο笳Z(yǔ)言不太一致。

動(dòng)態(tài)原型模式將所有構(gòu)造信息都封裝在構(gòu)造函數(shù)中，同時(shí)又保持了組合的優(yōu)點(diǎn)。

其原理就是通過(guò)判斷構(gòu)造函數(shù)的原型中是否已經(jīng)定義了共享的方法或?qū)傩裕绻麤]有則定義，否則不再執(zhí)行定義過(guò)程。

該方式只定義一次原型上方法或?qū)傩裕覍⑺袠?gòu)造過(guò)程都封裝在構(gòu)造函數(shù)中，對(duì)原型所做的修改能立即體現(xiàn)所有實(shí)例中：

function Person(name, age, job) {
  this.name = name;
  this.age = age;
  this.job = job;
  this.lessons = ["Math", "Physics"];
}
if (typeof this.getName) {
  Person.prototype = {
    constructor: Person, // 原型字面量方式會(huì)將對(duì)象的constructor變?yōu)镺bject，需要強(qiáng)制指回Person
    getName: function () {
      return this.name;
    }
  }
}
var person1 = new Person("Jack", 19, "SoftWare Engneer");
person1.lessons.push("Biology");

var person2 = new Person("Lily", 39, "Mechanical Engneer");

console.log(person1.lessons); // ["Math", "Physics", "Biology"]
console.log(person2.lessons); // ["Math", "Physics"]
console.log(person1.getName === person2.getName); // true