摘要：原型模式定義構(gòu)造函數(shù)，在構(gòu)造函數(shù)的原型對(duì)象中定義對(duì)象的屬性和方法，并通過(guò)構(gòu)造函數(shù)創(chuàng)建對(duì)象。，屬性存在于實(shí)例對(duì)象中，屬性不存在于實(shí)例對(duì)象中分割線操作符會(huì)在通過(guò)對(duì)象能夠訪問(wèn)給定屬性時(shí)返回，無(wú)論該屬性是存在于實(shí)例中還是原型中。

定義構(gòu)造函數(shù)，在構(gòu)造函數(shù)的原型對(duì)象中定義對(duì)象的屬性和方法，并通過(guò)構(gòu)造函數(shù)創(chuàng)建對(duì)象。

function Person(){};

Person.prototype.name = "Mike";
Person.prototype.age = 20;
Person.prototype.job = "student";

Person.prototype.showName = function(){
    console.log("name = " + this.name);
};

var p1 = new Person();
var p2 = new Person();

console.log(p1);
console.log(p2);

使用原型對(duì)象的好處是可以讓所有對(duì)象實(shí)例共享它包含的屬性和方法，即p1和p2訪問(wèn)的都是同一組屬性和同一個(gè)showName()函數(shù)。

但改變?cè)蛯?duì)象上的屬性時(shí)，所有實(shí)例對(duì)象上對(duì)應(yīng)的屬性也同時(shí)改變。

Person.prototype.job = "teacher";
Person.prototype.showJob = function(){
    console.log("job = " + this.job);
};

p1.showJob();
p2.showJob();

console.log("p1.showJob === p2.showJob:");
console.log(p1.showJob === p2.showJob);
console.log("-----分割線-----");

當(dāng)代碼讀取對(duì)象的某個(gè)屬性時(shí)，都會(huì)執(zhí)行至少一次搜索。搜索首先從實(shí)例對(duì)象開(kāi)始，若在實(shí)例對(duì)象中搜索到了匹配的屬性，則返回該屬性的值；若無(wú)，在搜索該實(shí)例對(duì)象的__proto__指針指向的原型對(duì)象，若在原型對(duì)象中搜索到了匹配的屬性，則返回該屬性的值；若無(wú)，則輸出undefined。

p1.country = "China";
console.log("p1.country=");    
console.log(p1.country);    //China
console.log("p2.country=");    
console.log(p2.country);    //Undefined
console.log("-----分割線-----");

Person.prototype.country = "USA";
console.log("p1.country=");    
console.log(p1.country);    //搜索先匹配到了實(shí)例對(duì)象p1上的country屬性，返回值為"China"
console.log("p2.country=");    
console.log(p2.country);    //第一次搜索匹配不到實(shí)例對(duì)象p2上的country屬性，執(zhí)行第二次搜索，匹配到原型對(duì)象上的country屬性，返回值為"USA"
console.log("-----分割線-----");

所以，我們無(wú)法通過(guò)修改實(shí)例對(duì)象來(lái)重寫原型中的屬性。

當(dāng)為實(shí)例對(duì)象添加一個(gè)屬性時(shí)，這個(gè)屬性就會(huì)屏蔽原型對(duì)象中保存的同名屬性，即便我們將其設(shè)置為null，也只會(huì)在實(shí)例中設(shè)置這個(gè)屬性，而不會(huì)恢復(fù)其指向原型的連接。不過(guò)，使用delete操作符可以完全刪除實(shí)例對(duì)象的屬性。

p1.country = null;
console.log("p1.country=");    
console.log(p1.country);    //null
console.log("p2.country=");    
console.log(p2.country);    //USA
console.log("-----分割線-----");

// delete操作符可以完全刪除實(shí)例屬性，從而讓我們能夠重新訪問(wèn)原型中的屬性
delete p1.country;
console.log("p1.country=");
console.log(p1.country);
console.log("p2.country=");
console.log(p2.country);
console.log("-----分割線-----");

我們可以通過(guò)hasOwnProperty()方法檢測(cè)一個(gè)屬性是存在于實(shí)例中，還是原型中。這個(gè)方法只在給定屬性存在于實(shí)例對(duì)象中，才會(huì)返回true。

另外，in操作符會(huì)在通過(guò)對(duì)象能夠訪問(wèn)給定屬性時(shí)返回true，無(wú)論這個(gè)屬性是存在于實(shí)例中還是原型中。

// 先給p1實(shí)例對(duì)象定義country屬性
p1.country = "China";

// hasOwnProperty()方法可以檢測(cè)一個(gè)屬性是存在于實(shí)例中，還是存在于原型中。
// 只在給定屬性存在于對(duì)象實(shí)例中時(shí)，才會(huì)返回true。
// 此方法繼承自O(shè)bject。
console.log("p1.hasOwnProperty(country):");    
console.log(p1.hasOwnProperty("country"));    //true，country屬性存在于實(shí)例對(duì)象p1中
console.log("p2.hasOwnProperty(country):");    
console.log(p2.hasOwnProperty("country"));    //false，country屬性不存在于實(shí)例對(duì)象p2中
console.log("-----分割線-----");

// in操作符會(huì)在通過(guò)對(duì)象能夠訪問(wèn)給定屬性時(shí)返回true，無(wú)論該屬性是存在于實(shí)例中還是原型中。
console.log("country in p1:");
console.log("country" in p1);    //true
console.log("country in p2:");
console.log("country" in p2);    //true
console.log("-----分割線-----");

console.log("Person.prototype=");
console.log(Person.prototype);
console.log("Person.prototype === Function.prototype;");    
console.log(Person.prototype === Function.prototype);    //false
console.log("-----分割線-----");

console.log("Person.prototype.constructor === Person:");    //true
console.log(Person.prototype.constructor === Person);    //true
console.log("-----分割線-----");

console.log("Person.prototype.__proto__ === Object.prototype:");    //true
console.log(Person.prototype.__proto__ === Object.prototype);    //true
console.log("-----分割線-----");

console.log("Person.__proto__=");
console.log(Person.__proto__);
console.log("Person.__proto__ === Function.prototype:");
console.log(Person.__proto__ === Function.prototype);    //true
console.log("-----分割線-----");

console.log("p1.prototype=");
console.log(p1.prototype);
console.log("-----分割線-----");

console.log("p1.__proto__=");
console.log(p1.__proto__);
console.log("p1.__proto__ === Person:");
console.log(p1.__proto__ === Person);        //false
console.log("p1.__proto__ === Person.prototype:");
console.log(p1.__proto__ === Person.prototype);        //true
console.log("-----分割線-----");

console.log("p1.__proto__.constructor === Person:");
console.log(p1.__proto__.constructor === Person);
console.log("-----分割線-----");

console.log("p1.__proto__.__proto__=");
console.log(p1.__proto__.__proto__);
console.log("p1.__proto__.__proto__ === Object.prototype:");
console.log(p1.__proto__.__proto__ === Object.prototype);    //true
console.log("-----分割線-----");

console.log("p1.showName.prototype=");
console.log(p1.showName.prototype);

console.log("p1.showName.prototype  === Function.prototype:");    
console.log(p1.showName.prototype  === Function.prototype);    //false
console.log("-----分割線-----");

console.log("p1.showName.prototype.constructor=");
console.log(p1.showName.prototype.constructor);
console.log("-----分割線-----");

console.log("p1.showName.prototype.__proto__=");
console.log(p1.showName.prototype.__proto__);

console.log("p1.showName.prototype.__proto__ === Object.prototype:");    
console.log(p1.showName.prototype.__proto__ === Object.prototype);    //true
console.log("-----分割線-----");

console.log("p1.showName.__proto__=");
console.log(p1.showName.__proto__);
console.log("p1.showName.__proto__ === Function.prototype：");    
console.log(p1.showName.__proto__ === Function.prototype);    //true
console.log("-----分割線-----");