没有 child.prototype = new Parent(); 的 Javascript 继承；

Question

我正在研究 javascript 原型链继承，并且遇到了这个有趣的行为。

我有一个父类和一个子类

//class parent
function parent(param_1) {
    this.param_1 = param_1;

    this.getObjWithParam = function(val) {
        console.log(this);
        console.log("Constructor value in parent class " + this.param_1);
        console.log("tguha ----> parent,  val " + val);
    };
};

//class child
function child(param_1) {
    parent.call(this, [ param_1 ]);
};

var childObj = new child(100);
childObj.getObjWithParam(200);

，我得到的输出是

**>child**
Constructor value in parent class 100
tguha ----> parent,  val 200

//child.prototype = new Parent(); 并且仍然继承父类。

任何人都可以帮我解释一下这个场景吗？

Answer 1

这段代码中没有出现原型这个词。所以什么都没有被继承。您创建一个新的 child，然后在该新的 child 上显式运行 parent 构造函数。然后，parent 构造函数向新的 child 添加一个方法。

如果您将 getObjWithParam 放在 parent.prototype.getObjWithParam 上，那么您会发现它不会保留。

Answer 2

您在子构造函数中调用父构造函数。因为父构造函数设置了 this.getObjWithParam = function[...] 它也会为子构造函数设置它。请注意，这与原型无关。
通过调用 parent.call(a, [...])，您可以调用父函数并将作用域设置为 a。这意味着对 this 所做的任何修改也会对 a 进行（因为它是同一个对象）。

Answer 3

parent.call(this, [ param_1 ]) 

将 Parent.param_1 和 Parent.getObjWithParam 分配给 childObj。这与继承无关。考虑这个公式：

var foo = {};

//class parent
function parent(param_1) {
    this.param_1 = param_1;

    this.getObjWithParam = function(val) {
        console.log(this.param_1);
        console.log(val);
    };
};

//class child
function child(param_1) {
    parent.call(foo, [ param_1 ]);
};

var childObj = new child( 'lets give foo a param_1');

console.log( typeof childObj.getObjWithParam );
// Undefined

foo.getObjWithParam();
// ["lets give foo a param_1"]

这里将 foo 作为范围传递给 .call()，因此属性被分配给 foo。