首頁 > web前端 > js教程 > 為什麼「bind()」不能與 JavaScript 中的箭頭函數一起使用?

為什麼「bind()」不能與 JavaScript 中的箭頭函數一起使用?

Susan Sarandon
發布: 2024-12-08 22:39:11
原創
912 人瀏覽過

Why Doesn't `bind()` Work with Arrow Functions in JavaScript?

箭頭函數綁定:解釋

在JavaScript 中使用箭頭函數時,開發人員可能會遇到有關「this」綁定的意外行為。與常規函數不同,箭頭函數維護詞法範圍,這意味著它們繼承定義它們的環境的「this」綁定。因此,不可能在箭頭函數中重新綁定“this”。

考慮這個範例:

var f = () => console.log(this);
var o = {'a': 42};
var fBound = f.bind(o);
fBound();
登入後複製

在此程式碼片段中,我們嘗試綁定箭頭函數「f」使用「.bind()」方法連接到物件「o」。但是,當我們呼叫“fBound”時,它會輸出全域“window”物件而不是“o”。

這是因為箭頭函數從詞法封閉環境繼承了它們的「this」綁定,在本例中是這樣的是全域執行上下文。因此,「f()」和「fBound()」總是引用全域「this」。

為避免此問題,建議在需要綁定時使用常規函數。這些函數會建立一個新的執行上下文,讓您可以使用“.bind()”方法明確設定“this”綁定。

以上是為什麼「bind()」不能與 JavaScript 中的箭頭函數一起使用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板