摘要：

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时，必须计算参数的数量。

虽然这是一个老话题，但我只是想指出，.call比.apply稍快。我不能告诉你确切的原因。

参见jsPerf，http://jsperf.com/test-call-vs-apply/3

[更新！]

Douglas Crockford简要提到了两者之间的差异，这可能有助于解释性能差异。。。http://youtu.be/ya4UHuXNygM?t=15m52s

Apply接受一个参数数组，而Call接受零个或多个单独的参数！啊哈！

.apply（此，[…]）

.调用（this，param1，param2，param3，param4…）

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

我只想在flatline的一篇解释得很好的文章中添加一个简单的例子，这让初学者很容易理解。

func.call(context, args1, args2 );   // pass arguments as "," separated value

func.apply(context, [args1, args2]); // pass arguments as "Array"

我们还使用“Call”和“Apply”方法更改引用，如下面的代码所定义

设Emp1={名称：'X'，getEmpDetail:函数（年龄，部门）{console.log（`Name:$｛this.Name｝年龄：$｛Age｝部门：${Department｝`）}}Emp1.getEmpDetail（23，'交货'）//改变“这个”的第一种方法设Emp2={名称：“Y”，getEmpDetail:Emp1.getEmpDetail}Emp2.getEmpDetail（55，“财务”）//使用“Call”和“Apply”更改“this”的第二种方法设Emp3={name:'Emp3_Object'，}Emp1.getEmpDetail.call（Emp3，30，'管理员'）//这里我们将ref从**Emp1更改为Emp3**对象//现在这将打印“Name=Emp3_Object”，因为它指向Emp3对象Emp1.getEmpDetail.apply（Emp3，[30，'管理员']）

尽管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