摘要：

call（）和apply（）都是位于Function.prototype上的方法。因此，它们可以通过原型链在每个函数对象上使用。call（）和apply（）都可以执行具有指定值this的函数。

call（）和apply（）之间的主要区别是必须向其中传递参数的方式。在call（）与apply（（）中，您都将希望作为值的对象作为第一个参数传递为this。其他参数的不同之处如下：

使用call（），您必须正常输入参数（从第二个参数开始）使用apply（），必须传入参数数组。

例子：

让obj={val1:5，值2：10}常量总和=函数（val3，val4）{返回this.val1+this.val2+val3+val4；}console.log（summary.apply（obj，[2,3]））；//首先，我们在第一个参数中为其赋值//使用apply，我们必须传入一个数组console.log（summary.call（obj，2，3））；//通过调用，我们可以单独传入每个参数

为什么我需要使用这些功能？

在javascript中，这个值有时很棘手。该值在执行函数时确定，而不是在定义函数时确定。如果我们的函数依赖于此绑定的权限，我们可以使用call（）和apply（）来强制执行此行为。例如：

var name='unwantedGlobalName'；常量对象={name:“Willem”，sayName（）｛console.log（this.name）；｝}let copiedMethod=obj.sayName；//我们将函数存储在copiedmethod变量中copiedMethod（）；//现在是窗口，unwantedGlobalName将被记录copiedMethod.call（obj）；//我们强制这是obj，Willem被记录

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

尽管call和apply实现了相同的功能，但我认为至少有一个地方不能使用call，只能使用apply。这是您希望支持继承并希望调用构造函数的时候。

这里有一个函数允许您创建类，它也支持通过扩展其他类来创建类。

function makeClass( properties ) {
    var ctor = properties['constructor'] || function(){}
    var Super = properties['extends'];
    var Class = function () {
                 // Here 'call' cannot work, only 'apply' can!!!
                 if(Super)
                    Super.apply(this,arguments);  
                 ctor.apply(this,arguments);
                }
     if(Super){
        Class.prototype = Object.create( Super.prototype );
        Class.prototype.constructor = Class;
     }
     Object.keys(properties).forEach( function(prop) {
           if(prop!=='constructor' && prop!=='extends')
            Class.prototype[prop] = properties[prop];
     });
   return Class; 
}

//Usage
var Car = makeClass({
             constructor: function(name){
                         this.name=name;
                        },
             yourName: function() {
                     return this.name;
                   }
          });
//We have a Car class now
 var carInstance=new Car('Fiat');
carInstance.youName();// ReturnsFiat

var SuperCar = makeClass({
               constructor: function(ignore,power){
                     this.power=power;
                  },
               extends:Car,
               yourPower: function() {
                    return this.power;
                  }
              });
//We have a SuperCar class now, which is subclass of Car
var superCar=new SuperCar('BMW xy',2.6);
superCar.yourName();//Returns BMW xy
superCar.yourPower();// Returns 2.6

让我补充一点细节。

这两个调用几乎相等：

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（）方法调用具有给定this值和第二个参数（用逗号分隔的参数）的函数。

object.someMethod.call( someObject, arguments )

apply（）方法与调用相同，只是它使用的第二个参数是一个参数数组。

object.someMethod.apply( someObject, arrayOfarguments )

var汽车＝{name:“雷诺”，国家：“法国”，showBuyer：函数（firstName，lastName）{console.log（`$｛firstName｝$｛lastName｝刚刚从$｛this.country｝购买了$｛this.name｝）；}}const firstName=“Bryan”；const lastName=“Smith”；car.showBuyer（firstName，lastName）；//布莱恩刚从法国买了一辆雷诺constobj={name:“玛莎拉蒂”，国家：“意大利”}；car.showBuyer.call（obj，firstName，lastName）；//布莱恩·史密斯刚从意大利买了一辆玛莎拉蒂car.showBuyer.apply（obj，[firstName，lastName]）；//布莱恩·史密斯刚从意大利买了一辆玛莎拉蒂

要回答有关何时使用每个函数的问题，如果您不知道要传递的参数的数量，或者它们已经在数组或类似数组的对象中（例如arguments对象），请使用apply来转发您自己的参数。否则请使用call，因为不需要将参数包装在数组中。

f.call(thisObject, a, b, c); // Fixed number of arguments

f.apply(thisObject, arguments); // Forward this function's arguments

var args = [];
while (...) {
    args.push(some_value());
}
f.apply(thisObject, args); // Unknown number of arguments

当我不传递任何参数时（如您的示例），我更喜欢调用，因为我在调用函数。apply将暗示您正在将函数应用于（不存在的）参数。

应该不会有任何性能差异，除非您使用apply并将参数包装在数组中（例如f.apply（thisObject，[a，b，c]）而不是f.call（thisObject，a，b，c））。我还没有测试过它，所以可能会有差异，但它会非常特定于浏览器。如果数组中没有参数，则调用可能会更快，如果有，则应用可能会更快。