JS中的 call( ) 方法与apply( )方法详解，以及两者的区别

this总是指向调用某个方法的对象，但是使用call()和apply()方法时，就会改变this的指向。

（1）call( ) 方法：call.(thisOject, arg1 ,arg2 ...)

• 定义：调用一个对象的一个方法，以另一个对象替换当前对象。

• 调用call的对象必须是个函数function

• all的第一个参数将会是function改变上下文后指向的对象，如果不传，将会默认是全局对象window

• 第二个参数开始可以接收任意个参数，这些参数将会作为function的参数传入function

obj1.(method).call(obj2,argument1,argument2)

如上，call的作用就是把obj1的方法放到obj2上使用，后面的argument1..这些做为参数传入。

function add (x, y) 
{ 
    console.log (x + y);
} 
function minus (x, y) 
{ 
    console.log (x - y); 
} 
add.call (minus , 1, 1);    //2 

这个例子中的意思就是用 add 来替换 minus ，add.call(minus ,1,1) == add(1,1) ，所以运行结果为：console.log (2); // 注意：js 中的函数其实是对象，函数名是对 Function 对象的引用。

A.call( B,x,y )：就是把A的函数放到B中运行，x 和 y 是A方法的参数。

用call来实现继承，用this可以继承myfunc1中的所有方法和属性。

function myfunc1(){
    this.name = 'Lee';
    this.myTxt = function(txt) {
        console.log( 'i am',txt );
    }
}
 
function myfunc2(){
    myfunc1.call(this);
}
 
var myfunc3 = new myfunc2();
myfunc3.myTxt('Geing'); // i am Geing
console.log (myfunc3.name);    // Lee

（2）apply( )方法：apply.(thisOject,arguments )

• 定义：应用某一对象的一个方法，用另一个对象替换当前对象。

• 与call方法的使用基本一致，但是只接收两个参数，其中第二个参数必须是一个数组或者类数组，这也是这两个方法很重要的一个区别

obj1.(method).apply(obj2,arguments)

function log (...args) {
  console.log(...args)
}

function log () {
  console.log.apply(console, arguments)
}

log(1, 2, 3)

log.bind()

（3）两者的区别：

1. call方法:从第二个参数开始可以接收任意个参数，每个参数会映射到相应位置的function的参数上，可以通过参数名调用，但是如果将所有的参数作为数组传入，它们会作为一个整体映射到function对应的第一个参数上，之后参数都为空

2. apply方法:最多只有两个参数，第二个参数接收数组或者类数组，但是都会被转换成类数组传入function中，并且会被映射到function对应的参数上

• 更简单地说，apply和call功能一样，只是传入的参数列表形式不同：

如 function.call(function1,var1,var2,var3)对应的apply写法为：function.apply(function1, [var1,var2,var3])