溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
call和apply都是為了改變某個函數運行的context上下文而存在的，即為了改變函數體內部this的指向。因為JavaScript的函數存在定義上下文和運行時上下文以及上下文是可以改變的概念。
回到目錄定義
fun.apply(thisArg, [argsArray]) fun.call(thisArg, arg1,arg2, ...)
其中thisArg可以為null或undefined，此時表示全局對象，更詳細見MDN:apply()、call()
二者的作用完全一樣，只是接受參數的方式不太一樣。例如，有一個函數定義如下：
var func1 = function(arg1, arg2){};
可以通過func1.call(this, arg1, arg2);或者func1.apply(this, [arg1, arg2])來調用。其中this是你想指定的上下文，它可以是任意一個JavaScript對象（JavaScript一切皆對象），call需要把參數傳遞進去，而apply則把參數放在數組里。
因為在JavaScript中，某個函數的參數數量是不固定的，當你的參數明確知道數量時，用call，而不確定的時候用apply，然后把參數push進數組傳遞進去。當參數數量不確定時，函數內部也可以通過arguments這個數組來遍歷所有的參數。
回到目錄一個例子
在JavaScript OOP中，我們經常會這樣定義：
funciton programmer() {
}
programmer.prototype = {
hobby: 'programming',
say.function() {
alert('I love' + this.hobby);
}
}
var xiaoMing = new programmer();
xiaoMing.say();
此時如果我們有一個設計妹子對象xiaoHua = {hobby: 'designing'};我們不想對它重新定義say方法，那么我們可以通過call或apply使用xiaoMing的say方法：xiaoMing.say.call(xiaoHua)。
由此可看出，call和apply都是為了動態改變this而出現的，當一個object沒有某個方法或屬性時，但是其他的對象有，則可以借助call或apply來使用其他對象的方法來操作。
obj.call(thisObj, arg1, arg2, ...); obj.apply(thisObj, [arg1, arg2, ...]);
兩者都是把obj(即this)綁定到thisObj，這時候thisObj具備（或繼承）了obj的屬性和方法
其中比較常見的，通過document.getElementByTagName選擇的節點是一種類數組，它不能應用Array下的push，pop等方法。但我們可以通過：
var domNodes = Array.prototype.slice.call(document.getElementsByTagName("*"));
Array.prototype.slice.call能所有具有length屬性的對象轉為數組，這樣domNodes就可以應用Array下的所有方法了。
以上這篇徹底搞懂JavaScript中的apply和call方法(必看)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
