bind方法的主要作用是改變函數(shù)執(zhí)行時的this指向并返回一個新函數(shù)，1. 改變this指向，例如將user.sayname綁定到anotheruser上使輸出為jerry；2. 預(yù)設(shè)參數(shù)，如multiply.bind(NULL,2)預(yù)設(shè)a為2后續(xù)調(diào)用只需傳b；3. 與call/apply的區(qū)別在于bind不立即執(zhí)行而是返回新函數(shù)供后續(xù)調(diào)用。
在 JavaScript 中，bind 方法的主要作用是改變函數(shù)執(zhí)行時的 this 指向，并返回一個新函數(shù)。它不會立即執(zhí)行原函數(shù)，而是返回一個綁定好上下文的新函數(shù)，等你后面調(diào)用的時候，這個函數(shù)會以你指定的 this 來運行。
1. 改變 this 的指向
這是 bind 最常見的用途。在 JS 中，函數(shù)內(nèi)部的 this 是動態(tài)決定的，有時候我們希望固定它的指向，這時候就可以用 bind。
舉個例子：
const user = { name: 'Tom', sayName: function() { console.log(this.name); } }; const anotherUser = { name: 'Jerry' }; const boundSayName = user.sayName.bind(anotherUser); boundSayName(); // 輸出 Jerry
這里，原本 sayName 是屬于 user 對象的，但通過 bind 把 this 綁定到了 anotherUser 上，所以輸出的是 Jerry。
這在事件處理或者回調(diào)中特別有用，比如把某個方法傳給 setTimeout 或按鈕點擊事件，防止 this 指向出錯。
2. 預(yù)設(shè)參數(shù)（Partial Application）
除了綁定 this，bind 還可以傳入一些參數(shù)，這些參數(shù)會被預(yù)先填充到函數(shù)中。
function multiply(a, b) { return a * b; } const double = multiply.bind(null, 2); console.log(double(5)); // 輸出 10
在這個例子中，null 表示不關(guān)心 this，而 2 被作為第一個參數(shù)預(yù)設(shè)進去。之后調(diào)用 double(5) 實際上是調(diào)用了 multiply(2, 5)。
這種寫法常用于創(chuàng)建“快捷版本”的函數(shù)，簡化重復(fù)調(diào)用。
3. bind 和 call / apply 的區(qū)別
- call 和 apply：立即執(zhí)行函數(shù)
- bind：返回一個新函數(shù)，稍后再執(zhí)行
看個對比：
function greet(greeting, punctuation) { console.log(greeting + ', ' + this.name + punctuation); } const person = { name: 'Alice' }; // bind 返回函數(shù)，不執(zhí)行 const boundGreet = greet.bind(person, 'Hello'); boundGreet('!'); // 執(zhí)行 // call 立即執(zhí)行 greet.call(person, 'Hi', '!!!');
如果你只是想改 this 并保留函數(shù)供以后使用，就用 bind；如果想立刻執(zhí)行，就選 call 或 apply。
基本上就這些
bind 的核心功能就是綁定 this 和預(yù)設(shè)參數(shù)。雖然現(xiàn)在有箭頭函數(shù)可以在某些場景替代它，但在需要顯式綁定或部分應(yīng)用參數(shù)時，bind 依然非常實用。
記住幾個點：
- 不會執(zhí)行函數(shù)，只返回一個綁定后的新函數(shù)
- 可以固定 this
- 可以前置填入?yún)?shù)
- 和 call/apply 的最大區(qū)別是是否立即執(zhí)行
這些細節(jié)掌握好了，在開發(fā)中就能避免很多 this 指向的問題了。
