prototype和proto
prototype是原型對(duì)象，proto是原型
prototype
每個(gè)函數(shù)都有一個(gè)prototype屬性,指向了一個(gè)對(duì)象渣叛，這個(gè)對(duì)象正是構(gòu)造函數(shù)的原型對(duì)象喳张。原型擁有constructor屬性津辩，指向當(dāng)前構(gòu)造函數(shù)渡处。
原型可以理解為坯沪，每一個(gè)js對(duì)象绿映，在創(chuàng)建的時(shí)候就會(huì)與之關(guān)聯(lián)另一個(gè)對(duì)象，這個(gè)對(duì)象就是原型腐晾，每個(gè)對(duì)象都會(huì)從原型繼承屬性。
proto
這個(gè)屬性雖然可讀可寫(xiě)丐一，但是我們應(yīng)該把它當(dāng)做一種只讀屬性藻糖，在未來(lái)，該屬性可能會(huì)變成不可寫(xiě)库车，嘗試通過(guò)它來(lái)實(shí)現(xiàn)繼承會(huì)造成性能問(wèn)題巨柒。
每個(gè)對(duì)象都有一個(gè) proto 原型屬性，指向了該對(duì)象構(gòu)造函數(shù)的原型對(duì)象柠衍，該原型對(duì)象是該對(duì)象構(gòu)造函數(shù)的Prototype洋满。
每個(gè)實(shí)例對(duì)象（ object ）都有一個(gè)私有屬性（稱(chēng)之為 proto ）指向它的構(gòu)造函數(shù)的原型對(duì)象（prototype）。該原型對(duì)象也有一個(gè)自己的原型( proto ) 珍坊，層層向上直到一個(gè)對(duì)象的原型對(duì)象為 null牺勾。根據(jù)定義，null 沒(méi)有原型阵漏，并作為這個(gè)原型鏈中的最后一個(gè)環(huán)節(jié)驻民。
總結(jié)來(lái)說(shuō)原型鏈就是 proto 的鏈表翻具，最終指向null。
prototype和proto的不同點(diǎn):
- 函數(shù)在創(chuàng)建的時(shí)候回还，就擁有prototype屬性裆泳，并且為其初始化為一個(gè)擁有proto屬性和constructor屬性的對(duì)象，constructor屬性指向該函數(shù)
- prototype是函數(shù)才有的屬性柠硕，指向構(gòu)造函數(shù)的原型
- proto是任意對(duì)象都有的屬性工禾，所以函數(shù)也有
- 任意構(gòu)造函數(shù)的proto指向Function.prototype，因?yàn)槿我夂瘮?shù)的構(gòu)造函數(shù)是function Function(){}
- proto===構(gòu)造函數(shù).prototype
說(shuō)明prototype和proto
function Foo(){
}
var foo1 = new Foo()
console.log(foo1.__proto__ === Foo.prototype)
console.log(Foo.prototype.constructor === Foo)
//原型為對(duì)象蝗柔，對(duì)象都是Object的實(shí)例
console.log(Foo.prototype.__proto__ === Object.prototype)
//原型鏈的頂端是null 闻葵，代表沒(méi)有對(duì)象
console.log(Object.prototype.__proto__ === null)
//Foo也是對(duì)象，是Function構(gòu)造函數(shù)的實(shí)例
console.log(Foo.__proto__ == Function.prototype)
//Function.prototype也是對(duì)象诫咱，也由Object構(gòu)造函數(shù)實(shí)例化
console.log(Function.prototype.__proto__ === Object.prototype)
//Object函數(shù)也是由Function實(shí)例化
console.log(Object.__proto__ === Function.prototype)
真的是繼承嗎笙隙？
繼承意味著復(fù)制操作，然而js不會(huì)復(fù)制對(duì)象的屬性坎缭，相反竟痰，只是在兩個(gè)對(duì)象之間創(chuàng)建一個(gè)關(guān)聯(lián)，這樣掏呼，一個(gè)對(duì)象就可以通過(guò)委托訪問(wèn)另一個(gè)對(duì)象的屬性和函數(shù)坏快，所以與其叫繼承，委托的說(shuō)法反而更準(zhǔn)確些憎夷。
instanceof
instanceof用于判斷一個(gè)對(duì)象是否為構(gòu)造函數(shù)的實(shí)例
function Foo(){
}
var foo = new Foo()
//true
console.log( foo instanceof Foo)
//true
console.log( foo instanceof Object)
實(shí)際上的判斷邏輯：判斷對(duì)象的原型鏈上莽鸿，是否包含構(gòu)造函數(shù)的prototype
//由于原型鏈的頂端為null，則終止條件為null
function instanceof(obj,func){
let proto = obj.__proto__
let isInstanceFlag = false
while(proto!==null){
if(proto===func.prototype){
isInstanceFlag = true
break;
}
proto = proto.__proto__
}
return isInstanceFlag
}
hasOwnPrototype方法或者Object.keys()
在原型鏈上查找屬性比較耗時(shí)拾给，對(duì)性能有副作用祥得，這在性能要求苛刻的情況下很重要。另外蒋得，試圖訪問(wèn)不存在的屬性時(shí)會(huì)遍歷整個(gè)原型鏈级及。
要檢查對(duì)象是否具有自己定義的額屬性，而不是其原型鏈上的某個(gè)屬性额衙，使用hasOwnProperty(Object.prototype.hasOwnProperty)方法饮焦。
hasOwnProprty和Object.keys()不會(huì)遍歷原型鏈上的屬性。
