调用、应用和绑定的另一个示例。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
*/

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]）；//布莱恩·史密斯刚从意大利买了一辆玛莎拉蒂

调用和应用都用于在执行函数时强制此值。唯一的区别是调用采用n+1个参数，其中1是this和“n”个参数。apply只接受两个参数，一个是this，另一个是argument数组。

我在apply-over-call中看到的优点是，我们可以轻松地将函数调用委托给其他函数，而无需付出太多努力；

function sayHello() {
  console.log(this, arguments);
}

function hello() {
  sayHello.apply(this, arguments);
}

var obj = {name: 'my name'}
hello.call(obj, 'some', 'arguments');

观察我们使用apply将hello委托给sayHello有多容易，但使用call很难做到这一点。

K.Scott Allen对这件事有很好的评论。

基本上，它们在处理函数参数的方式上有所不同。

apply（）方法与call（）方法相同，只是apply（需要一个数组作为第二个参数。数组表示目标方法的参数。"

So:

// assuming you have f
function f(message) { ... }
f.call(receiver, "test");
f.apply(receiver, ["test"]);

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

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