JavaScript 继承魔法

Question

当我运行这段代码时:

function foo() { 
    console.log("foo"); 
    var self = this; 
    this.a = function() { 
        return arguments.length == 0 ? self.b : (self.b = arguments[0]); 
    }; 
}; 
function bar() {
}; 
bar.prototype = new foo(); 
var a = new bar(); 
var b = new bar(); 
console.log(a.a()); 
b.a(true); 
console.log(a.a());

我得到以下输出:foo, undefined, true

我不明白构造函数 foo 返回的对象如何以某种方式设法为 b 分配新的内存位置。我完全期待最后的输出是 true 因为我只得到 1 个 foo 输出。

这很好用，但感觉太像魔法了。

我的真正问题是我想设置一个初始化顺序(或链)。我意识到 foo 不能接受任何参数，因为它只被调用一次，以提供一个基础(或各种模板)。

我想设计一个非常简单的模式，其中 foo 具有必须从 bar 传递到 foo 的参数(因为 bar 继承 foo)。我对从 bar 调用 foo.apply(this, arguments) 这样的事情很好，但是设置原型(prototype)的调用必须在没有参数的情况下完成，我需要的是一种以某种方式区分两者的流利方式。

但我真的不想围绕创建允许某种继承的对象构建整个服务，我真正关心的唯一事情是正确地构建对象......

Answer 1

附带说明一下，您有时使用 self 有时使用 this...就个人而言，我会更加一致。我喜欢使用 that 因为 this can be confusing和 self is part of the BOM ，但这只是个人喜好问题。

尝试 parasitic inheritance :

function foo(arg) {
    var that = this;
    that.a = function() { 
        return arguments.length == 0 ? that.b : (that.b = arguments[0]); 
    };
}

function bar(arg) {
    return new foo(arg);
}

bar.prototype = new foo(); 
var a = new bar();  // the `new` is now optional. Personally I'd remove it...
var b = bar();  // ... like I did here!
console.log(a.a()); 
b.a(true); 
console.log(a.a());
console.log(b.a());

...这里的继承行为更经典，在调用构造函数时显式调用父构造函数。