构造函数继承；我没有到达这里是什么？

Question

我正在尝试理解 Javascript 中的继承，但是这段代码（在 Firebug 中测试）没有按我预期的方式工作。我有什么不明白的？

var A = function(v){
  this.v = v || 'foo';
}

A.prototype.shout = function(){ alert(this.v); }

var B = function(){};

B.prototype = new A;

var test = new B('bar')
test.shout() // returns 'foo'

我期望的是，当我分配 test 时，属性 this.v 设置为“bar”。据我了解，JS 原型继承设置B 的原型为A 意味着B 中的所有内容都被覆盖。我希望它的构造函数被覆盖，并且调用new B('bar') 将使用参数“bar”执行A 的构造函数。

如果我的理解不正确，请有人纠正我。找到我想要做的事情的解决方案也很好：

// constructors from above
B.prototype.yell = function(){ alert('hello world'); }
var test1 = new B('bar'), test2 = new B('spam'), test3 = new B('eggs');

...所以我正在创建的 JS 对象遵循与标准 OOP 类似的继承模式，因此 B 将继承 A 的构造函数和方法。

编辑：

阅读完 cmets 后，我相信一个更好的问题是问如何用 A 的构造函数覆盖 B 的构造函数？

Answer 1

下面是一个构造函数。它在你调用 new A 时运行。

var A = function(v){
  this.v = v || 'foo';
}

B中的构造函数是function(){};所以你没有设置 this.v

要达到您正在尝试的结果，您应该遵循以下模式：

var A = function(v){
  this.v = v || 'foo';
}

A.prototype.shout = function(){ alert(this.v); }

var B = function(v){
    B.prototype.constructor.call(this,v); // here you call A constructor 
};

B.prototype = new A;


var test = new B('bar')
test.shout() // returns 'bar

Answer 2

当你设置时

var B = function(){};

你创建一个无参数的构造函数 B。然后当你这样做时

B.prototype = new A;

您正在调用不带参数的A 构造函数（导致this.v = 'foo'），然后导致B 的原型指向来自A 的v 和shout。但是，B 为构造函数没有改变。这可以通过在'B'的定义中添加一些参数来看出，例如：

var B = function(x){this.v += x};

应该产生'foobar'。

附录： 我能想到的最接近“复制”构造函数的方法实际上是使用一些第三方函数创建两个构造函数并分配给 A 和 B。示例：

var objmaker = function(defaultval) {
    return function(v) { this.v = v || defaultval; };
}

var A = objmaker('foo');
A.prototype.shout = function(){ alert(this.v); }

var B = objmaker('bar');
B.prototype = A.prototype; // B can now shout()

var testA1 = new A('A');
testA1.shout(); // returns 'A'
var testA2 = new A();
testA2.shout(); // returns default 'foo'

var testB1 = new B('B');
testB1.shout(); // returns 'B'
var testB2 = new B();
testB2.shout(); // returns default 'bar'

这并不是真正的复制，正如您可以通过不同的默认值看到的那样，但这是确保两个定义保持同步的一种方法。

Answer 3

不要将原型设置为A 的新实例，而是将B 的prototype 委托给A 的prototype。 Crockford 称之为beget，它在Dojo 中实现为dojo.delegate。这是一个简单的函数，如下所示：

function delegate(o){
  F = function(){}
  F.prototype = o;
  return new F;
}

您可以使用它在原型之间创建此链接：

var B = function(){}
B.prototype = delegate(A.prototype);

通过这样做，A 构造函数永远不会被调用，v 的值永远不会被设置。这将继承限制为仅原型，而不是原型加构造函数。

Answer 4

试试

var test2 = new A('baz');
test2.shout(); //returns baz

我认为，当您将“var B”设为一个新函数时，而不是将其设为“新 A”，您会消灭您将“A”设为的“构造函数”。 我不确定原始文件是如何被调用以将测试的 v 实例设置为 'foo'。

Answer 5

与其尝试让 javascript 像其他语言一样工作，不如从中学习一些新的东西，然后使用它，让它像 javascript 一样工作，怎么样？

看看这个： http://javascript.crockford.com/prototypal.html