JavaScript 中 Apply 和 Call 的含义与区别

Question

在 JavaScript 中 apply() 与 call() 的含义一样，均为改变调用函数中的 this 指向，其中 apply() 与 call() 的第一个参数表示所要指向的对象，若调用函数无参数可不写，则默认为 window。第一个参数后的参数表示调用函数的参数，其中 apply() 第一个参数后面的参数为一个数组，call() 第一个参数后面为 0 或多个参数。

window.x = 100;

var obj = {};
obj.x = 1;
obj.test = function(a) {
  alert(this.x + 20 + a);
}

var abc = {};
abc.x = 2;
abc.test = function() {
  alert(this.x + 30 + a);
}

obj.test(10);                 // 结果为31,this指向obj
obj.test.call(window, 10);    // 结果为130,this指向window
obj.test.call(abc, 10);       // 结果为32,this指向abc

obj.test.apply(window, [10]); // 结果为130,this指向window
obj.test.apply(abc, [10])     // 结果为32,this指向abc