调用、应用和绑定的另一个示例。Call和Apply之间的区别很明显，但Bind的工作原理如下：

Bind返回可以执行的函数的实例第一个参数是“this”第二个参数是逗号分隔的参数列表（如Call）

}

function Person(name) {
    this.name = name; 
}
Person.prototype.getName = function(a,b) { 
     return this.name + " " + a + " " + b; 
}

var reader = new Person('John Smith');

reader.getName = function() {
   // Apply and Call executes the function and returns value

   // Also notice the different ways of extracting 'getName' prototype
   var baseName = Object.getPrototypeOf(this).getName.apply(this,["is a", "boy"]);
   console.log("Apply: " + baseName);

   var baseName = Object.getPrototypeOf(reader).getName.call(this, "is a", "boy"); 
   console.log("Call: " + baseName);

   // Bind returns function which can be invoked
   var baseName = Person.prototype.getName.bind(this, "is a", "boy"); 
   console.log("Bind: " + baseName());
}

reader.getName();
/* Output
Apply: John Smith is a boy
Call: John Smith is a boy
Bind: John Smith is a boy
*/

区别在于apply允许您以数组的形式调用带有参数的函数；调用要求显式列出参数。一个有用的助记符是“A代表数组，C代表逗号。”

请参阅MDN的申请和通话文档。

伪语法：

函数.应用（值For This，arrayOfArgs）

函数调用（此值，arg1，arg2，…）

从ES6开始，还可以扩展数组以与调用函数一起使用，您可以在这里看到兼容性。

示例代码：

函数函数（名称、专业）{console.log（“我的名字是”+name+“，我是”+profession+“。”）；}函数（“John”，“fireman”）；函数.应用（未定义，[“Susan”，“学校老师”]）；函数调用（未定义，“克劳德”，“数学家”）；函数调用（未定义，…[“Matthew”，“物理学家”]）；//与排列运算符一起使用

不同之处在于，call（）分别接受函数参数，而apply（）接受数组中的函数参数。

让我补充一点细节。

这两个调用几乎相等：

func.call(context, ...args); // pass an array as list with spread operator

func.apply(context, args);   // is same as using apply

只有一个微小的区别：

排列运算符。。。允许传递可迭代参数作为要调用的列表。apply只接受类似数组的参数。

因此，这些呼叫是相辅相成的。在我们期望可迭代的地方，调用工作，在我们期望类似数组的地方，应用工作。

对于既可迭代又类似于数组的对象，比如真正的数组，我们技术上可以使用它们中的任何一个，但apply可能会更快，因为大多数JavaScript引擎内部对其进行了更好的优化。

这是一个很好的助记符。应用使用数组，始终使用一个或两个参数。使用Call时，必须计算参数的数量。

这些to方法之间的区别在于，如何传递参数。

“A代表数组，C代表逗号”是一个方便的助记符。