call、apply 和bind 的區(qū)別在於調(diào)用方式和參數(shù)傳遞：1.call 立即執(zhí)行函數(shù)並逐個傳參；2.apply 立即執(zhí)行函數(shù)但以數(shù)組形式傳參；3.bind 不執(zhí)行函數(shù)而是返回綁定後的新函數(shù)，適合延遲調(diào)用。此外bind 還支持預(yù)設(shè)參數(shù)實(shí)現(xiàn)偏函數(shù)應(yīng)用。

JavaScript 中的call 、 apply和bind看起來都是用來改變函數(shù)執(zhí)行時的this指向的，但它們之間還是有明顯區(qū)別的。理解清楚它們各自的特點(diǎn)和適用場景，能讓你在寫代碼時更靈活地控制函數(shù)上下文。

call 和apply：調(diào)用函數(shù)並指定this

這兩個方法的主要作用是一樣的——調(diào)用一個函數(shù)，並指定該函數(shù)內(nèi)部的this值。區(qū)別在於參數(shù)傳遞的方式不同：

• call(thisArg, arg1, arg2, ...)
  參數(shù)是依次傳入的，適合已知具體參數(shù)個數(shù)的情況。

  

• apply(thisArg, [argsArray])
  第二個參數(shù)是一個數(shù)組或類數(shù)組對象，適合參數(shù)數(shù)量不固定或者已經(jīng)有一個數(shù)組的情況。

舉個例子：

 function greet(greeting, punctuation) {
  console.log(greeting ', ' this.name punctuation);
}

const person = { name: 'Alice' };

greet.call(person, 'Hello', '!'); // Hello, Alice!
greet.apply(person, ['Hi', '!!']); // Hi, Alice!!

可以看到，兩者的功能幾乎一樣，只是傳參方式略有不同。如果你已經(jīng)有數(shù)組了，就用apply ；如果參數(shù)明確，用call更直觀。

bind：綁定this 並返回新函數(shù)

bind的作用也是改變函數(shù)內(nèi)部的this ，但它不會立即執(zhí)行函數(shù)，而是返回一個新的函數(shù)，之後可以再調(diào)用它。

語法如下：

 function.bind(thisArg, arg1, arg2, ...)

這個特性讓它非常適合用於事件處理、回調(diào)函數(shù)等需要延遲執(zhí)行的場景。

比如：

 function sayHi() {
  console.log('Hi, I am ' this.name);
}

const user = { name: 'Bob' };
const boundSayHi = sayHi.bind(user);

boundSayHi(); // Hi, I am Bob

這裡sayHi.bind(user)返回了一個新的函數(shù)，綁定了this到user ，之後無論怎麼調(diào)用， this.name都是'Bob' 。

使用場景對比

你可能會遇到這樣的情況：

• 調(diào)用父類構(gòu)造函數(shù)時，用call或apply ；
• 對數(shù)組進(jìn)行“借用”操作時，比如[].slice.apply(arguments) ；
• 給DOM 事件綁定函數(shù)時，用bind來確保this不會丟失。

小細(xì)節(jié)：bind 還能做偏應(yīng)用（Partial Application）

除了綁定this ， bind還支持預(yù)設(shè)部分參數(shù)，這在某些場景下特別有用。

比如：

 function multiply(a, b) {
  return a * b;
}

const double = multiply.bind(null, 2);
console.log(double(5)); // 10

這裡我們把第一個參數(shù)設(shè)為2 ，創(chuàng)建了一個新的double函數(shù)。這種技巧叫做“偏函數(shù)應(yīng)用”，可以簡化後續(xù)調(diào)用。

基本上就這些。三個方法各司其職： call和apply是立即調(diào)用，區(qū)別只在傳參方式； bind是綁定後返回新函數(shù)，適合延遲調(diào)用。掌握它們的區(qū)別，會讓你在JavaScript 中更自如地控制函數(shù)執(zhí)行環(huán)境。

以上是JavaScript：呼叫與應(yīng)用與綁定 - 關(guān)鍵差異的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！