基本看過(guò)高程等書(shū)的人都可以對(duì)原型繼承,原型鏈查找侃侃而談,代碼中也可以使用原型完成一些事情,但是,我們對(duì)于原型真的徹底搞明白了么?
原型由構(gòu)造器確定
我們的原型是一個(gè)對(duì)象,構(gòu)造器函數(shù)有一個(gè)屬性指向這個(gè)對(duì)象,prototype;而我們每次new出來(lái)的實(shí)例也有一個(gè)屬性指向這個(gè)對(duì)象,__proto__。為什么說(shuō)原型是由構(gòu)造器確定的,因?yàn)樵趎ew之后,這個(gè)實(shí)例的原型就已經(jīng)確定了,實(shí)例的__proto__和構(gòu)造器的prototype都會(huì)指向那個(gè)原型對(duì)象。
var Person=function(){};var p=new Person(); console.log(p.__proto__===Person.prototype); // truePerson.prototype={ say:function(){ console.log("hello"); } }var t=new Person(); console.log(t.__proto__===Person.prototype); // truet.say(); // helloconsole.log(p.__proto__===Person.prototype); // falsep.say(); // 報(bào)錯(cuò)
這段代碼就很好的說(shuō)明了這個(gè)問(wèn)題。實(shí)例p通過(guò)構(gòu)造器函數(shù)Person創(chuàng)建出來(lái)(new)之后,它的__proto__和Person的prototype指向同一個(gè)對(duì)象,所以console的時(shí)候相等。然后,我們改變一下構(gòu)造器函數(shù)Person的原型指向,并創(chuàng)建了一個(gè)實(shí)例t,我們發(fā)現(xiàn)t的__proto__和Person的prototype的指向依舊是一致的,但是因?yàn)镻erson.prototype已經(jīng)改變了,而p.__proto__依舊指向原來(lái)的原型對(duì)象,所以p.__proto__和現(xiàn)在的Person.prototype指向的對(duì)象并不是同一個(gè),會(huì)返回false。證據(jù)就是p.say()會(huì)報(bào)錯(cuò),但是t.say()可以返回正確的值。