为什么 apply 尚未绑定到 Javascript 中的函数？

假设，为了解决这个问题，我希望能够在 Javascript 中创建一个函数，将一个数组的所有元素附加到另一个数组。如果您有权访问目标数组，实现此目的的一种方法是：

var destination = [1,2,3];
var source = [4,5];
Array.prototype.push.apply(destination, source);
console.log(destination); // [1,2,3,4,5]

现在，由于 Array.prototype.push.apply 非常丑陋，我想将它别名为更好的东西，例如：

var pushAll = Array.prototype.push.apply;

我应该能够使用两个参数来调用它：上下文（目标）和参数数组（源）。但是，当我尝试使用别名时，会发生这种情况：

pushAll(destination, [6,7]);
TypeError: Function.prototype.apply was called on [object global], which
is a object and not a function

所以很明显apply函数没有绑定到push，这促使我尝试这个：

var pushAll = Function.prototype.apply.bind(Array.prototype.push);
pushAll(destination, [6,7]);
console.log(destination); // [1,2,3,4,5,6,7,8]

这显然工作得很好。我的问题是，为什么我必须绑定push方法才能应用？ Array.prototype.push.apply 不应该已经绑定到 apply 了吗？为什么用不同的名称调用它会导致在未绑定的上下文中调用它？

为什么我必须绑定push方法才能应用？

反之亦然：您必须将 apply 方法绑定到 Array Push 函数 - 您也可以将其绑定到其他函数！否则apply不知道which与参数一起应用的方法。

Function.prototype.apply.bind(Array.prototype.push);确实调用了bind功能on the apply功能与push作为论证，论证on which apply然后被绑定。结果函数pushAll将在被调用时调用apply on the push函数，并将其参数（数组和参数数组）传递给它。

Array.prototype.push.apply 不应该已经绑定到 apply 了吗？

没有。 JavaScript 被设计为在函数调用时绑定上下文，而不是在它被称为属性时绑定上下文 -属性访问没有隐式绑定。否则Array.prototype.push已经被绑定到Array.prototype，然后您才能调用任何 Function 方法（如绑定/应用）并尝试在不同的上下文中使用它。

为什么用不同的名称调用它会导致在未绑定的上下文中调用它？

与其说是名字不同，不如说是风格不同。 （未绑定）函数确实得到了它们的this调用时设置给对象的值作为一种方法就其而言，即当对被调用函数的引用是属性访问时：destination.push().

这提供了很大的灵活性，您可以从对象“借用”函数并在其他对象上调用它们，仍然是相同的（未绑定）函数。这在函数对象不是一等对象的语言中是相当不可能的。

如果函数（即使它们本来就是方法）被称为普通函数（pushAll()）， 他们的this值将是undefined（除非处于草率模式）。阅读更多关于this keyword at MDN.