call、apply 和 bind 的區(qū)別在于調(diào)用方式和參數(shù)傳遞：1.call 立即執(zhí)行函數(shù)并逐個(gè)傳參；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í)行時(shí)的 this 指向的，但它們之間還是有明顯區(qū)別的。理解清楚它們各自的特點(diǎn)和適用場景，能讓你在寫代碼時(shí)更靈活地控制函數(shù)上下文。

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

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

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

  

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

舉個(gè)例子：

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，但它不會(huì)立即執(zhí)行函數(shù)，而是返回一個(gè)新的函數(shù)，之后可以再調(diào)用它。

語法如下：

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

這個(gè)特性讓它非常適合用于事件處理、回調(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) 返回了一個(gè)新的函數(shù)，綁定了 this 到 user，之后無論怎么調(diào)用，this.name 都是 'Bob'。

使用場景對(duì)比

你可能會(huì)遇到這樣的情況：

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

小細(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

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

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

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