內部構造函數原型設置

Question

var a = function(){ 
    this.sayFoo = function(){ 
     console.log('foo'); 
    }; 
} 

var b = function(){ 
    console.log(this.prototype); //undefined 
    this.sayBar = function(){ 
     console.log('bar'); 
    }; 
} 

b.prototype = new a(); 

var bInst = new b(); 

bInst.sayFoo(); 
bInst.sayBar(); 

console.log(b.prototype); //a {sayFoo: function} 

http://jsfiddle.net/KbBny/1/

如何添加sayBar到b原型構造函數裏面？

b.prototype = new a();是否覆蓋原型，或合併b的a的？

Answer 1

是否b.prototype = new a();覆蓋原型，或合併B的用的？

它用新的a實例覆蓋它;沒有合併（例如，您需要更新b.prototype.constructor屬性）。這就是爲什麼你在這一行之後添加所有屬性到b.prototype。然而，實際上你不希望創建一個實例，但剛剛成立的原型鏈中正確：

b.prototype = Object.create(a.prototype); 

如何添加sayBar給函數構造函數中的B原型？

你不應該把它添加到原型，因爲它不是一個原型（共享）方法 - 它的實例，具體到每一個a實例（至少是應該的，否則你會把它放在a.prototype然後它被上面的線覆蓋）。要獲得所有b實例的實例方法，以及，你使用

var b = function(){ 
    a.call(this); // invoke the `a` constructor on this instance 
}; 

Answer 2

您沒有使用正確的繼承模式。

用途：

b.prototype = Object.create(a.prototype); 

在你的情況，你正在執行一個簡單的覆蓋，您沒有正確建立繼承。 Object.create是ES5，但你可以用這種填充工具：

的Object.create

if (!Object.create) { 
    Object.create = function (o) { 
     if (arguments.length > 1) { 
      throw new Error('Object.create implementation only accepts the first parameter.'); 
     } 
     function F() {} 
     F.prototype = o; 
     return new F(); 
    }; 
} 

訪問原型

您不能訪問prototype定義塊內。你有一個this參考。

var b = function() { 
    a.call(this); 
    b.prototype.doSomething = function() {console.log("b");}; 
}; 
b.prototype = Object.create(a.prototype); 

DEMO