【W(wǎng)eb前端基礎(chǔ)知識】call和apply的作用

this 在不同的地方有不同的含義：

1. 在事件處理函數(shù)中，this指向觸發(fā)函數(shù)的對象;

2. 在普通函數(shù)中，this指向window;

3. 當(dāng)作函數(shù)作為某個對象的方法調(diào)用時，this指向那個對象;

4. 在構(gòu)造函數(shù)中this指向當(dāng)前實(shí)例化對象;

當(dāng)在一些情況中我們想要更改this的指向，這里就可以使用 call 與 apply 來改變 this 的指向，讓 this 指向特定的對象。

call 與 apply 的作用都是改變 this 的指向，基本的操作都是一樣的。其使用方法如下：

call(this指向，參數(shù)1，參數(shù)2...)

apply(this指向，[參數(shù)1，參數(shù)2...])

可以看到他們的傳參方式是不一樣的。想要修改this 的指向，那么必然有一個this修改后的指向，而函數(shù)必然后關(guān)系到傳參問題：call方法可以傳給該函數(shù)的參數(shù)分別作為自己的多個參數(shù)，而apply方法必須將傳給該函數(shù)的參數(shù)合并成一個數(shù)組作為自己的一個參數(shù)。

1. function sum(a,b){ 
2. console.log(a+b);     // 30 
3.        console.log(this);  // 原本指向window，現(xiàn)在指向sum了 
4. } 
5. sum.call(sum,10,20) 

通過使用call方法，使得sum函數(shù)中原本指向window的this現(xiàn)在指向了sum自身，當(dāng)然this的指向自己想指向哪里都可以。

另外還可以改變對象的this

1. var obj1 = { 
2.     "name":"韓梅梅", 
3.     "getName":function(){ 
4.         console.log(this.name); 
5.     } 
6. } 
7. obj2 = { 
8.     "name":"李雷" 
9. } 
10. obj1.getName();         // 韓梅梅 
11. obj1.getName.call(obj2);// 李雷 

可以看到在obj1第一次調(diào)用getName方法時，結(jié)果為韓梅梅，因?yàn)檎{(diào)用getName時this指向obj1自身。在第二次調(diào)用getName方法時，使用了call方法改變了this的指向，讓this指向了obj2，故打印時this.name成了obj2.name，為李雷。

改變this一般用于借用別的對象的方法，當(dāng)想使用某個自己沒有而別的對象有的方法時，就可以通過改變this的指向來借用別對象的方法。如：

1. var n = {};  
2. console.log(n.toString()); // [object Object]  
3. // 對象的toString方法可以獲取數(shù)據(jù)的具體類型，若是也想獲取數(shù)組的具體數(shù)據(jù)類型可以借用對象的該方法。 
4. console.log(Object.prototype.toString.call([]));    // [object Array] 

apply的使用和call的使用方式是一樣的，只是在于向函數(shù)傳參時是以一個數(shù)組的形式，就如上面例子中使用call改變函數(shù)sum的指向時，若是使用apply則為：sum.apply(sum,[10,20])，第一個為改變后的this指向，第二個參數(shù)為數(shù)組，若在進(jìn)行傳參時第二個參數(shù)的格式不對，會報錯。

apply的巧妙用法：

使用Math.max可以得到數(shù)組中最大的一項(xiàng)

因?yàn)镸ath.max不支持Math.max([參數(shù)1,參數(shù)2...])也就是數(shù)組，但是它支持Math.max (參數(shù)1,參數(shù)2...)的形式，所以可以根據(jù)apply的特點(diǎn)來解決這個問題，因?yàn)閯偤胊pply的第二個參數(shù)為一個數(shù)組，可以將這個數(shù)組作為apply的第二個參數(shù)傳入，這樣apply會將一個數(shù)組轉(zhuǎn)換為一個參數(shù)接一個參數(shù)的方式傳遞給方法。

1. var arr = [6,3,8,9,12,5] 
2. console.log(Math.max.apply(1,arr)); // 12 

這樣就輕易的可以得到一個數(shù)組中的最大項(xiàng)。

這塊在調(diào)用的時候第一個參數(shù)給了1，這是因?yàn)闆]有對象去調(diào)用這個方法，我只需要用這個方法幫我運(yùn)算，得到返回的結(jié)果就行，所以直接傳遞了一個1過去。用這種方法也可以實(shí)現(xiàn)得到數(shù)組中的最小項(xiàng)：Math.min.apply(1,array)