錯誤之處茄唐，歡迎指正孝扛。
1. 原型和原型鏈
- 所有函數(shù)都有
prototype這個屬性，這個屬性指向該函數(shù)的原型乎芳。原型是一個對象格式遵蚜。 - 所有對象都有
__proto__這個屬性，這個屬性指向該對象的構(gòu)造函數(shù)的原型奈惑。注意：使用__proto__是不被推薦的一種方式吭净，推薦使用Object上的靜態(tài)方法Object.getPrototypeOf(obj)來獲取該對象的構(gòu)造函數(shù)的原型。 - 函數(shù)也是對象肴甸，函數(shù)也具有
__proto__這個屬性寂殉，指向構(gòu)造函數(shù)Function的原型。 -
Function可以理解為是javascript幫我們寫好的原在，Function.__proto__ === Function.prototype Object.prototype.__proto__ === null- 當(dāng)調(diào)用一個對象/函數(shù)上的屬性時友扰，先去自身找，如果自身沒有庶柿，去
__proto__上找（構(gòu)造該對象的構(gòu)造函數(shù)的原型村怪，xxx.__proto__），如果構(gòu)造函數(shù)的原型上沒有浮庐，去該構(gòu)造函數(shù)的原型的__proto__上找（構(gòu)造函數(shù)的原型的構(gòu)造函數(shù)的原型xxx.__proto__.__proto__）甚负，一直到找到，或者返回null為止审残。
2. 例題
const F = function () {}; //構(gòu)造函數(shù)F
const obj = new F(); //構(gòu)造函數(shù)F構(gòu)造的對象obj
Object.prototype.a = 'chris';
Function.prototype.b = '22';
console.log(obj.a);
console.log(obj.b);
console.log(F.a);
console.log(F.b);
- 首先看
obj.a梭域，obj是一個對象，它自身沒有a這個屬性维苔，那么去它的構(gòu)造函數(shù)原型（obj.__proto__）上尋找碰辅，它的構(gòu)造函數(shù)是F，那么該構(gòu)造函數(shù)的原型是F.prototype介时，然而依然沒有没宾，那么繼續(xù)找F.prototype.__proto__，F.prototype是一個對象沸柔，它的構(gòu)造函數(shù)是Object循衰，因此，找到了Object.prototype褐澎，所以obj.a輸出的是chris会钝。 - 再看
obj.b，這里就不再贅述了，從Object.prototype開始說迁酸，在這里依然沒找到b先鱼，那么繼續(xù)向上找Object.prototype.__proto__，此時返回了null奸鬓，所以obj.b輸出的是undefined焙畔。 -
F.a和F.b，F是一個函數(shù)串远，它自身沒有a和b這兩個屬性宏多，那么去它的構(gòu)造函數(shù)原型（F.__proto__）上尋找，它的構(gòu)造函數(shù)是Function澡罚，那么該構(gòu)造函數(shù)的原型是Function.prototype伸但，然而依然沒有a，但是此時找到了b留搔，所以F.b輸出的是22更胖，那么繼續(xù)找Function.prototype.__proto__，Function.prototype是一個對象催式，它的構(gòu)造函數(shù)是Object函喉，因此，找到了Object.prototype荣月，所以F.a輸出的是chris。
3. 和原型相關(guān)的關(guān)鍵字和屬性
- instanceof
const obj = {};
function a() {};
console.log(obj instanceof Object); //true
console.log(obj instanceof Function); //false
console.log(a instanceof Object); //true
console.log(a instanceof Function); //true
簡單來說梳毙，可以把instanceof當(dāng)做“是”哺窄，例如上述：
“obj是個對象”，就正確账锹；“obj是個方法”萌业，很明顯這是不正確的。實(shí)際上奸柬，instanceof是判斷obj的原型鏈上是否有Object的原型生年。
isPrototypeOf
const obj = {};
function a() {}
console.log(Object.prototype.isPrototypeOf(obj)); //true
console.log(Function.prototype.isPrototypeOf(obj)); //false
console.log(Object.prototype.isPrototypeOf(a)); //true
console.log(Function.prototype.isPrototypeOf(a)); //true
通過isPrototypeOf來判斷obj的原型鏈上是否有object的原型。
hasOwnProperty
Object.prototype.age = '22';
const obj = {
name: 'chris'
}
console.log(obj.name); //chris
console.log(obj.age); //22
console.log(obj.hasOwnProperty('name')); //true
console.log(obj.hasOwnProperty('age')); //false
判斷是自身的屬性廓奕，還是原型上的屬性抱婉。
Object.create()
Object.prototype.name = 'chris';
const obj = Object.create(Object.prototype);
console.log(obj.name); //chris
以Object.prototype為obj的隱式原型創(chuàng)建obj。
