call()和apply()的区别

1、call()

语法：call(thisObj，Object)

定义：调用一个对象的一个方法，以另一个对象替换当前对象。
说明：
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象作用域从初始的作用域改变为由 thisObj 指定的新对象。 
如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj.

function sum(num1, num2) {
    return num1 + num2;
};

function callSum1(num1, num2) {
    return sum.call(this, num1, num2);
};
alert(callSum1(10, 10)); //20

//改变作用域
window.color = "red";
var o = {
    color: "blue"
};

function sayColor() {
    alert(this.color);
}
sayColor();
sayColor.call(this); //red
sayColor.call(window); //red
sayColor.call(o) //blue

 

２、apply()

语法：apply(thisObj，[argArray])
定义：应用某一对象的一个方法，用另一个对象替换当前对象。 
说明： 
如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。 
如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。

function sum(num1,num2){
    return num1+num2;
};
function callSum1(num1,num2){
    return sum.apply(this,arguments);
};
function callSum2(num1,num2){
    return sum.apply(this,[num1,num2]);
};
alert(callSum1(10,10));    //20
alert(callSum2(10,10));    //20

call()和apply()主要是能扩充函数赖以运行作用域。两者的作用方式相同，它们的区别在于接收参数的方式不同，对于call()而言，第一个参数this与apply()相同，其他的参数必须直接传给函数，要一个一个的列出来，而对于来说，apply()可以接收一个数组或arguments对象。所以如何选择二者，在于哪种给函数传参数的方式最简单。

转载于:https://www.cnblogs.com/EDAB/p/6736058.html