apply 和 call 的區別

ECMAScript 規范給所有函數都定義了 call 與 apply 兩個方法，它們的應用非常廣泛，它們的作用也是一模一樣，只是傳參的形式有區別而已。

apply( )

apply 方法傳入兩個參數：一個是作為函數上下文的對象，另外一個是作為函數參數所組成的數組。

var obj = { name : 'linxin'}function func(firstName, lastName){ console.log(firstName + ' ' + this.name + ' ' + lastName);}func.apply(obj, ['A', 'B']); // A linxin B

可以看到，obj 是作為函數上下文的對象，函數 func 中 this 指向了 obj 這個對象。參數 A 和 B 是放在數組中傳入 func 函數，分別對應 func 參數的列表元素。

call( )

call 方法第一個參數也是作為函數上下文的對象，但是后面傳入的是一個參數列表，而不是單個數組。

var obj = { name: 'linxin'}function func(firstName, lastName) { console.log(firstName + ' ' + this.name + ' ' + lastName);}func.call(obj, 'C', 'D');  // C linxin D

對比 apply 我們可以看到區別，C 和 D 是作為單獨的參數傳給 func 函數，而不是放到數組中。

對于什么時候該用什么方法，其實不用糾結。如果你的參數本來就存在一個數組中，那自然就用 apply，如果參數比較散亂相互之間沒什么關聯，就用 call。

apply 和 call 的用法

1.改變 this 指向

var obj = { name: 'linxin'}function func() { console.log(this.name);}func.call(obj);  // linxin

我們知道，call 方法的第一個參數是作為函數上下文的對象，這里把 obj 作為參數傳給了 func，此時函數里的 this 便指向了 obj 對象。此處 func 函數里其實相當于

function func() { console.log(obj.name);}

2.借用別的對象的方法

先看例子

var Person1 = function () { this.name = 'linxin';}var Person2 = function () { this.getname = function () {  console.log(this.name); } Person1.call(this);}var person = new Person2();person.getname();  // linxin

從上面我們看到，Person2 實例化出來的對象 person 通過 getname 方法拿到了 Person1 中的 name。因為在 Person2 中，Person1.call(this) 的作用就是使用 Person1 對象代替 this 對象，那么 Person2 就有了 Person1 中的所有屬性和方法了，相當于 Person2 繼承了 Person1 的屬性和方法。

3.調用函數

apply、call 方法都會使函數立即執行，因此它們也可以用來調用函數。

function func() { console.log('linxin');}func.call();   // linxin

call 和 bind 的區別

在 EcmaScript5 中擴展了叫 bind 的方法，在低版本的 IE 中不兼容。它和 call 很相似，接受的參數有兩部分，第一個參數是是作為函數上下文的對象，第二部分參數是個列表，可以接受多個參數。