什么是原型鏈?

構造函數和原型鏈

原型鏈：通過隱式原型把一些構造函數層層的串起來，因為所有的對象都是繼承自Object。

function CreateObj(uName) {
   this.userName = uName;    --- 寫在構造函數，為this賦值的屬性和方法
}
CreateObj.prototype.showUserName = function(){
   return this.userName;     --- 寫在原型鏈上的屬性和方法

} var obj1 = new CreateObj('ghostwu'); var obj2 = new CreateObj('衛庄');

 

 

 

1，每個函數都有一個原型屬性(prototype) ， 這個屬性是一個指針，指向構造函數的原型對象( CreateObj.prototype)， 如上圖中的第1根綠色的線

2，在默認情況下，所有原型對象都會自動獲得一個constructor屬性，該屬性包含一個指向prototype屬性所在的函數，如上圖的第2根綠色的線

3，所有的實例( 通過構造函數new出來的，都包含一個隱式原型(__proto__)，該指針指向實例的構造函數的原型對象,

如上圖中的第3根線和第4根線. obj1的構造函數是CreateObj, CreateObj的原型對象是CreateObj.prototype, obj2同理，所以:

obj1.__proto__ === CreateObj.prototype //true

obj2.__proto__ === CreateObj.prototype //true

4，寫在構造函數中， 為this賦值的屬性和方法， 在畫圖的過程中，把他們畫在對象上面，如userName這個是給對象賦值的屬性，所以在obj1和obj2這兩個對象上都會存在一個屬性userName

5，寫在原型對象上的方法或者屬性，應該把他們畫在原型對象上，如

CreateObj.prototype.showUserName = function(){

　　return this.userName;

}

showUserName這個方法就要畫在圖中CreateObj.prototype上面

6，當一個對象訪問屬性和方法的時候，他的 訪問規則叫（就近原則）, 規則如下：

當實例上面，存在屬性或者方法時，直接用實例上面的，

如果實例上面不存在屬性和方法，就會沿着實例的__proto__指針指向的原型對象繼續往上查找，如果找不到，值就是undefined.

console.log( obj1.showUserName() ); //ghostwu

console.log( obj2.showUserName() ); //衛庄

在obj1,obj2上面是不存在showUserName這個方法的，所以會順着__proto__查找到CreateObj.prototype原型對象上的showUserName方法

如果，把CreateObj.prototype原型對象上的showUserName注釋掉，那么obj1.showUserName和obj2.showUserName就會報錯

// CreateObj.prototype.showUserName = function(){

// return this.userName;

// }

 

 

 

 

 

參考：https://www.cnblogs.com/ghostwu/p/7434834.html