使用 apply() 函数的 JavaScript 函数构造函数链接

Question

我正在尝试理解 Mozilla 在构造函数链上发布的一些代码。我已经在我认为我理解的部分中添加了 cmets，但我仍然不清楚这里发生的一切。有人可以逐行解释这段代码中发生了什么吗？

// Using apply() to chain constructors.
Function.prototype.construct = function (aArgs) {

    // What is this line of code doing?
    var fConstructor = this, fNewConstr = function () { fConstructor.apply(this, aArgs); };

    // Assign the function prototype to the new function constructor's prototype.
    fNewConstr.prototype = fConstructor.prototype;

    // Return the new function constructor.
    return new fNewConstr();
};

// Example usage.
function MyConstructor () {

    // Iterate through the arguments passed into the constructor and add them as properties.
    for (var nProp = 0; nProp < arguments.length; nProp++) {
        this["property" + nProp] = arguments[nProp];
    }
}

var myArray = [4, "Hello world!", false];
var myInstance = MyConstructor.construct(myArray);

// alerts "Hello world!"
alert(myInstance.property1); 

// alerts "true"
alert(myInstance instanceof MyConstructor); 

// alerts "MyConstructor"
alert(myInstance.constructor); 

The original code can be found here.

Answer 1

基本上，这是调用构造函数的另一种方法，它使您有机会将构造函数调用包装在另一个函数中。我将专注于您感到困惑的那条线。 fConstructor 设置为this，它引用了我们原来的构造函数，在这个例子中是MyConstructor。 fNewConstr 是构造函数，它将覆盖原始构造函数。在fNewConstr 中，您可以实现在MyConstructor 中找不到的附加代码。在fNewConstr 中，我们使用函数apply 方法调用fConstructor，将this 作为上下文传递，并将aArgs 数组传递给construct 方法。然后我们将fNewConstr的原型设置为fConstructor原型，完成继承链。最后，我们返回fNewConstr 的新实例。在函数调用前加上 new 关键字会创建一个新对象，将其原型设置为函数的原型，并在新项的上下文中调用函数。因为我们将fConstructor 方法与fNewConstr 的上下文一起应用，所以结果与调用new MyConstructor() 基本相同。有道理？或者我需要更详细地介绍。