摘要：如果按照字面意思來(lái)理解，那么就是通過(guò)調(diào)用構(gòu)造函數(shù)而創(chuàng)建的那個(gè)對(duì)象實(shí)例的原型對(duì)象。

Object構(gòu)造函數(shù)

對(duì)象字面量表示

工廠模式

構(gòu)造函數(shù)模式

原型模式

構(gòu)造函數(shù)模式與原型模式結(jié)合

動(dòng)態(tài)原型模式

寄生構(gòu)造函數(shù)模式

var person1 = new Object();
person1.name = "bob";
person1.age = "22";
person1.job = "frontend";

person1.sayName = function () {
    console.log(this.name);
}

person1.sayName(); // bob
console.log(person1.age); // 22

var person2 = {
    name: "bob",
    age: 22,
    job: "frontend",
    sayName: function () {
        console.log(this.name);
    }
}
person2.sayName(); // bob

function createPerson(name, age, job) {
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function () {
        console.log(this.name);
    };
    return o;
}

var person1 = createPerson("bob", 22, "frontend");
var person2 = createPerson("lynn", 22, "doctor");

console.log(person1.name); // bob
console.log(person2.name); // lynn

優(yōu)點(diǎn)：函數(shù)封裝創(chuàng)建對(duì)象，無(wú)需寫(xiě)重復(fù)創(chuàng)建對(duì)象的代碼

缺點(diǎn)：沒(méi)有解決對(duì)象識(shí)別的問(wèn)題（怎么樣知道一個(gè)對(duì)象類型）

function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = function () {
        console.log(this.name);
    }
    
    /**
     * 與聲明函數(shù)在邏輯上是等價(jià)的
       this.sayName = new Function("console.log(this.name)"); 
    */
}

var person1 = new Person("bob", 22, "frontend");
var person2 = new Person("lynn", 22, "doctor");

console.log(person1.name); // bob
console.log(person2.name); // lynn

優(yōu)點(diǎn)：

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

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

沒(méi)有return語(yǔ)句

缺點(diǎn)：

每個(gè)方法都要在每個(gè)實(shí)例上重新創(chuàng)建一遍

實(shí)現(xiàn)過(guò)程：

創(chuàng)建新的對(duì)象

將構(gòu)造函數(shù)的作用域賦給新對(duì)象，因此this就指向了這個(gè)對(duì)象

執(zhí)行構(gòu)造函數(shù)的代碼，為這個(gè)對(duì)象添加對(duì)象屬性和方法

返回新的對(duì)象

person1和person2分別保存著Person的一個(gè)不同的實(shí)例。這兩個(gè)對(duì)象都有一個(gè)constructor（構(gòu)造函數(shù)）屬性，該屬性指向Person

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

對(duì)象的constructor屬性最初是用來(lái)標(biāo)識(shí)對(duì)象類型的。但是，提到檢測(cè)對(duì)象類型，還是instanceof操作符要更可靠一些

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

我們?cè)谶@個(gè)例子中創(chuàng)建的所有對(duì)象既是Object的實(shí)例，同時(shí)也是Person的實(shí)例，這一點(diǎn)通過(guò)instanceof操作符可以得到驗(yàn)證，創(chuàng)建自定義的構(gòu)造函數(shù)意味著將來(lái)可以將它的實(shí)例標(biāo)識(shí)為一種特定的類型

可以將構(gòu)造函數(shù)當(dāng)作函數(shù)

// 當(dāng)作構(gòu)造函數(shù)使用
var person = new Person("bob", 22, "frontend");
person.sayName(); //"Nicholas"

// 作為普通函數(shù)調(diào)用
Person("lynn", 22, "doctor"); // 添加到window
window.sayName(); //"Greg"

// 在另一個(gè)對(duì)象的作用域中調(diào)用
var o = new Object();
Person.call(o, "Kristen", 25, "Nurse");
o.sayName(); //"Kristen"

缺點(diǎn)優(yōu)化

構(gòu)造函數(shù)創(chuàng)建的對(duì)象方法，實(shí)際上執(zhí)行多次函數(shù)創(chuàng)建，會(huì)導(dǎo)致不同的作用域鏈和標(biāo)識(shí)符解析，如：

console.log(person1.sayName == person2.sayName);  //false

創(chuàng)建兩個(gè)完成同樣任務(wù)的Function實(shí)例的確沒(méi)有必要；況且有this對(duì)象在，根本不用在執(zhí)行代碼前就把函數(shù)綁定到特定對(duì)象上面。因此，大可像下面這樣，通過(guò)把函數(shù)定義轉(zhuǎn)移到構(gòu)造函數(shù)外部來(lái)解決這個(gè)問(wèn)題。

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

// 把sayName函數(shù)抽離出外部函數(shù)
function sayName() {
    console.log(this.name);
}

存在問(wèn)題：

所有被新創(chuàng)建出來(lái)的對(duì)象，都會(huì)指向全局作用域的sayName函數(shù)，如果定義N個(gè)方法，那么就要定義N個(gè)全局的方法，這就造成了封裝性的瓶頸，不過(guò)可以使用原型模式來(lái)解決

function Person() {
}

Person.prototype.name = "bob";
Person.prototype.age = 22;
Person.prototype.job = "frontend";
Person.prototype.sayName = function () {
    return this.name
}

var person1 = new Person();

console.log(person1.name); // bob
console.log(person1.age); // 22
console.log(person1.job); // frontend
console.log(person1.sayName()); // bob
console.log(person1.sayName === person2.sayName); // true

我們創(chuàng)建的每個(gè)函數(shù)都有一個(gè)prototype（原型）屬性，這個(gè)屬性是一個(gè)指針，指向一個(gè)對(duì)象，而這個(gè)對(duì)象的用途是包含可以由特定類型的所有實(shí)例共享的屬性和方法。如果按照字面意思來(lái)理解，那么prototype就是通過(guò)調(diào)用構(gòu)造函數(shù)而創(chuàng)建的那個(gè)對(duì)象實(shí)例的原型對(duì)象。使用原型對(duì)象的好處是可以讓所有對(duì)象實(shí)例共享它所包含的屬性和方法。

function Person(name, age, obj) {
    this.name = name;
    this.age = age;
    this.obj = obj;
}

Person.prototype = {
    constructor: Person,
    sayName: function () {
        console.log(this.name);
    }
}

var person1 = new Person("bob", 22, "frontend");
var person2 = new Person("lynn", 22, "doctor");

console.log(person1.name); // bob
console.log(person2.name); // lynn
console.log(person1.sayName === person2.sayName); // true

function Person(name, age, obj) {
    this.name = name;
    this.age = age;
    this.obj = obj;

    console.log("typeof this.sayName: ", typeof this.sayName);
    // 檢測(cè)sayName 是不是一個(gè)函數(shù)
    // 實(shí)際上只在當(dāng)前第一次時(shí)候沒(méi)有創(chuàng)建的時(shí)候在原型上添加sayName方法
    if (typeof this.sayName != "function") {
        Person.prototype.sayName = function () {
            return this.name;
        }
    }
}

var person1 = new Person("bob", 22, "frontend");
var person2 = new Person("lynn", 22, "doctor");

console.log(person1.name); // bob
console.log(person2.name); // lynn
console.log(person1.sayName()); // bob
console.log(person2.sayName()); // lynn
console.log(person1.sayName === person2.sayName); // true

function createPerson(name, age, job) {
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function () {
        console.log(this.name);
    };
    return o;
}

var person1 = new createPerson("bob", 22, "frontend");
var person2 = new createPerson("lynn", 22, "doctor");

console.log(person1.name); // bob
console.log(person2.name); // lynn