内部构造函数原型设置

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