疑惑出自于：


下面例子讓我想當(dāng)然的認(rèn)為o.prototype === Function.prototype 應(yīng)該為true的：


當(dāng)我給Function.prototype增加了一個(gè)sayHello的方法后，foo也從原型身上得到了sayHello。用調(diào)試器觀(guān)察了一下，查了一下資料（包括ECMA-262 http://dmitrysoshnikov.com/ecmascript/chapter-5-functions/ 以及 《JavaScript the good parts》第五章5.1 Pseudoclassical） ，發(fā)現(xiàn)foo.prototype的定義如下：
this.prototype = {constructor: this}; //這里是foo.prototype = {constructor: foo};
順便做了以下測(cè)試
alert(foo === foo.prototype.constructor); //true

那foo.prototype到底是什么？這跟new關(guān)鍵字有密切的關(guān)系。說(shuō)一下new foo()干了些什么就知道了。
var obj = {}; //定義一個(gè)新的Object
obj.[[prototype]] == this.prototype;
//注意1：此處的this為foo，foo.prototype此時(shí)有用武之地了，給obj的原型賦值，在此用[[prototype]]表示其原型
//注意2：obj是沒(méi)有prototype屬性的，估計(jì)是沒(méi)用吧
var other = this.apply(obj, arguments); //這部讓obj.name = 'foo'，即obj作為this跑了一遍foo函數(shù)
return (typeof other === 'object' && other) || that; //如果foo函數(shù)返回了一個(gè)對(duì)象，則返回該對(duì)象，否則返回obj。

這樣就很清楚了，new foo()的時(shí)候，foo創(chuàng)建了一個(gè)對(duì)象，并作為其構(gòu)造函數(shù)，而foo.prototype則作為新對(duì)象的原型來(lái)使用。
foo.prototype可以添加任意方法，或改為任意的對(duì)象，而不怕修改了Function.prototype（Function.prototype是所有函數(shù)的原型）;
this.prototype = {constructor: this};的意義就在于，在沒(méi)有手動(dòng)指定foo.prototype的情況下，js指定了一個(gè)默認(rèn)的原型給new出來(lái)的新對(duì)象。

最新評(píng)論