徹底搞懂JavaScript中的apply和call方法(必看)

call和apply都是為了改變某個(gè)函數(shù)運(yùn)行的context上下文而存在的，即為了改變函數(shù)體內(nèi)部this的指向。因?yàn)镴avaScript的函數(shù)存在定義上下文和運(yùn)行時(shí)上下文以及上下文是可以改變的概念。

回到目錄定義

fun.apply(thisArg, [argsArray])
fun.call(thisArg, arg1,arg2, ...)

其中thisArg可以為null或undefined，此時(shí)表示全局對(duì)象，更詳細(xì)見MDN:apply()、call()

二者的作用完全一樣，只是接受參數(shù)的方式不太一樣。例如，有一個(gè)函數(shù)定義如下：

var func1 = function(arg1, arg2){};

可以通過(guò)func1.call(this, arg1, arg2);或者func1.apply(this, [arg1, arg2])來(lái)調(diào)用。其中this是你想指定的上下文，它可以是任意一個(gè)JavaScript對(duì)象（JavaScript一切皆對(duì)象），call需要把參數(shù)傳遞進(jìn)去，而apply則把參數(shù)放在數(shù)組里。

因?yàn)樵贘avaScript中，某個(gè)函數(shù)的參數(shù)數(shù)量是不固定的，當(dāng)你的參數(shù)明確知道數(shù)量時(shí)，用call，而不確定的時(shí)候用apply，然后把參數(shù)push進(jìn)數(shù)組傳遞進(jìn)去。當(dāng)參數(shù)數(shù)量不確定時(shí)，函數(shù)內(nèi)部也可以通過(guò)arguments這個(gè)數(shù)組來(lái)遍歷所有的參數(shù)。

回到目錄一個(gè)例子

在JavaScript OOP中，我們經(jīng)常會(huì)這樣定義：

funciton programmer() {
}

programmer.prototype = {
 hobby: 'programming',
 say.function() {
 alert('I love' + this.hobby);
 }
}

var xiaoMing = new programmer();
xiaoMing.say();

此時(shí)如果我們有一個(gè)設(shè)計(jì)妹子對(duì)象xiaoHua = {hobby: 'designing'};我們不想對(duì)它重新定義say方法，那么我們可以通過(guò)call或apply使用xiaoMing的say方法：xiaoMing.say.call(xiaoHua)。

由此可看出，call和apply都是為了動(dòng)態(tài)改變this而出現(xiàn)的，當(dāng)一個(gè)object沒(méi)有某個(gè)方法或?qū)傩詴r(shí)，但是其他的對(duì)象有，則可以借助call或apply來(lái)使用其他對(duì)象的方法來(lái)操作。

obj.call(thisObj, arg1, arg2, ...);
obj.apply(thisObj, [arg1, arg2, ...]);

兩者都是把obj(即this)綁定到thisObj，這時(shí)候thisObj具備（或繼承）了obj的屬性和方法

其中比較常見的，通過(guò)document.getElementByTagName選擇的節(jié)點(diǎn)是一種類數(shù)組，它不能應(yīng)用Array下的push，pop等方法。但我們可以通過(guò)：

var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));

Array.prototype.slice.call能所有具有l(wèi)ength屬性的對(duì)象轉(zhuǎn)為數(shù)組，這樣domNodes就可以應(yīng)用Array下的所有方法了。

以上這篇徹底搞懂JavaScript中的apply和call方法(必看)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com