首頁 > web前端 > 前端問答 > javascript中call和apply有什麼差別

javascript中call和apply有什麼差別

WBOY
發布: 2022-01-28 15:24:24
原創
2435 人瀏覽過

在JavaScript中,call()方法和apply()方法的作用相同,差別在於接收參數的方式不同;在使用call()方法時,傳遞給函數的參數必須逐一列舉出來,使用apply()時,傳遞給函數的是參數陣列。

javascript中call和apply有什麼差別

本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。

javascript中call和apply有什麼區別

call() 方法呼叫一個函數, 其具有一個指定的this值和分別地提供的參數(參數的列表)。

  注意:此方法的作用和apply() 方法類似,只有一個區別,就是call()方法接受的是若干個參數的列表,而apply()方法接受的是一個包含多個參數的數組。

  語法

fun.call(thisObj[, arg1[, arg2[, ...]]])
登入後複製

    定義:呼叫一個物件的一個方法,以另一個物件取代目前物件。 

    說明: 

      call 方法可以用來取代另一個物件呼叫一個方法。 call 方法可將一個函數的物件上下文從初始的上下文變更為由 thisObj 指定的新物件。 

      如果沒有提供 thisObj 參數,那麼 Global 物件被用作 thisObj。

  參數

    thisObj

    在fun函數執行時指定的this值。需要注意的是,指定的this值不一定是該函數執行時真正的this值,如果這個函數處於非嚴格模式下,則指定為null和undefined的

    this值會自動指向全局物件(瀏覽器中就是window物件),同時值為原始值(數字,字串,布林值)的this會指向該原始值的自動包裝物件。

    arg1, arg2, ...

#    指定的參數清單。

傳回值

傳回結果包括指定的this值和參數。

apply() 

apply() 方法呼叫一個函數, 其具有一個指定的this值,以及作為一個數組(或類似數組的物件)提供的參數。

語法

fun.apply(thisObj, [argsArray])
登入後複製

  定義:應用某一物件的一個方法,用另一個物件取代目前物件。 

  說明: 

    如果 argsArray 不是一個有效的陣列或不是 arguments 對象,那麼將導致一個 TypeError。 

    如果沒有提供 argArray 和 thisObj 任何一個參數,那麼 Global 物件將被用作 thisObj, 並且無法傳遞任何參數。

參數

  thisObj

    在 fun 函數執行時指定的 this 值。需要注意的是,指定的this 值不一定是該函數執行時真正的this 值,如果這個函數處於非嚴格模式下,則指定

    為null 或undefined 時會自動指向全域物件(瀏覽器中就是window物件),同時值為原始值(數字,字串,布林值)的this 會指向該原始值的自動包裝物件。

  argsArray

    一個陣列或類別陣列對象,其中的陣列元素將作為單獨的參數傳給 fun 函數。如果該參數的值為null 或 undefined,則表示不需要傳入任何參數。從ECMAScript 5

     開始可以使用類別數組物件。

總結

兩者作用一致,都是把obj(即this)綁定到thisObj,這時候thisObj具備了obj的屬性和方法。或者說thisObj『繼承』了obj的屬性和方法。

唯一差異是apply接受的是陣列參數,call接受的是連續參數。

call()方法和apply()方法的作用相同,他們的差異在於接收參數的方式不同。對於call(),第一個參數是this值沒有變化,變化的是其餘參數都直接傳遞給函數。 (使用call()方法時,傳遞給函數的參數必須逐一列舉。使用apply()時,傳遞給函數的是參數數組)如下程式碼做出解釋:

function add(c, d){
    return this.a + this.b + c + d;
}
var o = {a:1, b:3};
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34 
登入後複製

call 和apply 都是為了改變某個函數執行時期的context 即上下文而存在的,換句話說,就是為了改變函數體內部this 的指向。因為 JavaScript 的函數存在著「定義時的上下文」和「執行時期的上下文」以及「上下文可以改變」。

二者的作用完全一樣,只是接受參數的方式不太一樣。例如,有一個函數 fun 定義如下:

var fun = function(arg1, arg2) {};
登入後複製

就可以透過 fun.call(this, arg1, arg2); 或 fun.apply(this, [arg1, arg2]); 來呼叫。其中 this 是你想要指定的上下文,他可以任何一個 JavaScript 物件(JavaScript 中一切皆物件),call 需要把參數依序傳遞進去,而 apply 則是把參數放在陣列裡。

JavaScript 中,某個函數的參數數量是不固定的,因此要說適用條件的話,當你的參數是明確知道數量時,用call,而不確定的時候,用apply,然後把參數push進數組傳遞進去。當參數數量不確定時,函數內部也可以透過 arguments 這個陣列來遍歷所有的參數。

相關推薦:javascript學習教學

#

以上是javascript中call和apply有什麼差別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板