javascript 函数对象的继承方法行为

Question

我遇到了函数对象的一种行为。这似乎类似于原型设计，但使用了不同的方法。

var Car = function() {
    this.foo = 'shiny';
}

var Rover = function() {
    this.inherit = Car;
    this.inherit();
}

var Mini = function() {
    this.inherit = Car;
    this.inherit();
}

当创建子类的新实例时，this.inherit 方法对自身具有调用父类的效果，从而使父类的属性和方法可供子类使用。

var myRover = new Rover();

var myMini = new Mini();
myMini.foo = 'rusty';

console.log(myRover.foo, myMini.foo); // displays "shiny" & "rusty" respectively

我查看了 Mozilla 和 MSDN，但似乎在任何地方都找不到它的文档。任何人都可以为这种行为和任何进一步的文档命名。

Answer 1

我认为inheritFrom 这个词在这里没有任何意义。也可以是bar。使这项工作有效的原因是您定义了您在下一行调用的“子类”函数的成员的模式。

可能值得查看 Douglas Crockford 的“Classical Inheritance in JavaScript”文章以获取更多想法。

Answer 2

inheritFrom 不是 JavaScript 核心对象中存在的方法。 JavaScript 继承可以通过多种方式完成as outlined in this post。你在这里所做的并不是真正正确的继承，因为你只是在一个单独的对象中设置了一个方法，等于一个函数。

首先声明一个名为superClass 的函数。此函数设置this 对象的foo 和bar 属性。当您在subClass 上设置一个等于superClass 的方法时，this 对象将引用subClass 函数，因为它是该方法的调用者，因此 subClass 具有foo 和bar 的属性设置为@987654333 @ 和'bar'。

但是，当你在这里覆盖 foo 方法时：

this.foo = function() {
    return this.foo;
};

你把 foo 变成一个函数。

请注意，当您添加此脚本时：

var test = new subClass();
alert(test.foo);

test.foo 将成为一个函数，因为您在 subClass 构造函数中覆盖了它的值。添加这个：

alert(test.bar);

将提醒字符串'bar'，因为您没有覆盖它。此外，如果您调用test.foo()，它只会返回一个指向test.foo 方法的指针。