使用 call/apply 或直接调用函数有什么区别？

Question

我知道通过调用 apply 您可以从函数中访问不同的 this 属性，但在这种特定情况下，我不知道为什么它们会有所不同。无论如何，'this'不会来自同一个地方（项目）吗？

这个原始代码不起作用：

_.invoke = function (collection, methodName) {

    var slicedArgs = Array.prototype.slice.call(arguments, 2);

    return _.map(collection, (item) => {
        if (typeof methodName === "string") {
            return item[methodName](slicedArgs);
        } else {
            return methodName.apply(item, slicedArgs);
        }
    });
};

当我更改地图函数内部的内容时，它运行良好：

_.invoke = function (collection, methodName) {
    var slicedArgs = Array.prototype.slice.call(arguments, 2);

    return _.map(collection, (item) => {
        if (typeof methodName === "string") {
            return item[methodName].apply(item, slicedArgs);
        } else {
            return methodName.apply(item, slicedArgs);
        }
    });
};

那么与 apply 有什么关系呢？我的第一个代码中的“this”绑定是什么，第二个代码发生了什么变化？

Answer 1

在第一个示例中，您缺少 ... 将您的 slicedArgs 数组传播到多个参数中，因此您将数组本身作为单个参数传递。如果您将代码更改为return item[methodName](...slicedArgs)，它将起作用。

它与apply 一起工作的原因是apply 接受一个array 参数。