溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
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 很相似，接受的參數有兩部分，第一個參數是是作為函數上下文的對象，第二部分參數是個列表，可以接受多個參數。
它們之間的區別有以下兩點。
1.bind 發返回值是函數
var obj = {
name: 'linxin'
}
function func() {
console.log(this.name);
}
var func1 = func.bind(obj);
func1(); // linxin
bind 方法不會立即執行，而是返回一個改變了上下文 this 后的函數。而原函數 func 中的 this 并沒有被改變，依舊指向全局對象 window。
2.參數的使用
function func(a, b, c) {
console.log(a, b, c);
}
var func1 = func.bind(null,'linxin');
func('A', 'B', 'C'); // A B C
func1('A', 'B', 'C'); // linxin A B
func1('B', 'C'); // linxin B C
func.call(null, 'linxin'); // linxin undefined undefined
call 是把第二個及以后的參數作為 func 方法的實參傳進去，而 func1 方法的實參實則是在 bind 中參數的基礎上再往后排。
在低版本瀏覽器沒有 bind 方法，我們也可以自己實現一個。
if (!Function.prototype.bind) {
Function.prototype.bind = function () {
var self = this, // 保存原函數
context = [].shift.call(arguments), // 保存需要綁定的this上下文
args = [].slice.call(arguments); // 剩余的參數轉為數組
return function () { // 返回一個新函數
self.apply(context,[].concat.call(args, [].slice.call(arguments)));
}
}
}
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持億速云！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
