[[406250]]

在javascript中，每個對象中都會有一個apply()方法和一個call()方法

兩者的相同之處：

兩者作用是都可以替代另一個對象調用一個方法，將一個函數的上下文改變成由thisObj指向的新對象

當我們通過call和apply來this的指向時，不傳任何參數，則默認為將this指向修改為windows，有參數時會指向第一個參數

兩者不同之處：

apply最多只能有兩個參數——新this對象和一個數組argArray。如果給該方法傳遞多個參數，則把參數都寫進這個數組里面，當然，即使只有一個參數，也要寫進數組里。如果argArray不是一個有效的數組或arguments對象，那么將導致一個TypeError。如果沒有提供argArray和thisObj任何一個參數，那么Global對象將被用作thisObj，并且無法被傳遞任何參數。

call它可以接受多個參數，第一個參數與apply一樣，后面則是一串參數列表。這個方法主要用在js對象各方法相互調用的時候，使當前this實例指針保持一致，或者在特殊情況下需要改變this指針。如果沒有提供thisObj參數，那么 Global 對象被用作thisObj。

案例：

// apply()方法 
obj.apply(thisObj,['arg1', 'arg2']) 
 
// call()方法 
obj.call(thisObj,'arg1','arg2','arg3') 

 以上thisObj繼承了obj的屬性和方法

// 例1： 
function add(j, k){ 
  return j+k; 
} 
 
function sub(j, k){ 
  return j-k; 
} 
 
// sub繼承了add方法 
console.log(add(5,3)); //8 
console.log(add.call(sub, 5, 3)); //8 
console.log(add.apply(sub, [5, 3])); //8 
 
// add繼承了sub方法 
console.log(sub(5, 3)); //2 
console.log(sub.call(add, 5, 3)); //2 
console.log(sub.apply(add, [5, 3])); //2 
 
// 例2： 
var person = function(){ 
  this.name = "Tom"; 
  this.age = 22; 
} 
var other = {}; 
 
console.log(other); // {} 
// other繼承了person的屬性 
person.call(other); 
console.log(other); // {name: "Tom", age: 22} 

 bind綁定：

call()方法和apply()方法在綁定后會立即執行，而bind則不會立即執行

add.bind(sub, 5, 3); // 返回的是add方法函數本體 
add.bind(sub, 5, 3)(); // 8 

 【編輯推薦】