首頁 > web前端 > js教程 > 主體

javascript中bind的用法是什麼

藏色散人
發布: 2023-01-07 11:47:13
原創
7251 人瀏覽過

javascript中bind方法用於創建一個新的函數,其使用語法是“function.bind(thisArg[, arg1[, arg2[, ...]]])”,其中參數thisArg表示調用綁定函數時作為this參數傳遞給目標函數的值。

javascript中bind的用法是什麼

本文操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript中bind的用法是什麼?

Function.prototype.bind()

bind() 方法創建一個新的函數,在bind() 被呼叫時,這個新函數的this 被指定為bind() 的第一個參數,而其餘參數將作為新函數的參數,供呼叫時使用。

語法

function.bind(thisArg[, arg1[, arg2[, ...]]])
登入後複製

參數thisArg:

#呼叫綁定函數時作為 this 參數傳遞給目標函數的值。如果使用new運算子建構綁定函數,則忽略該值。當使用 bind 在 setTimeout 中建立函數(作為回呼提供)時,作為 thisArg 傳遞的任何原始值都會轉換為 object。如果 bind 函數的參數清單為空,或是thisArg是null或undefined,執行作用域的 this 將被視為新函數的 thisArg。

參數arg1, arg2, ...:

當目標函數被呼叫時,被預先置入綁定函數的參數清單中的參數。

傳回值

傳回一個原始函數的拷貝,並擁有指定的 this 值和初始參數。

描述:

bind() 函數會建立一個新的綁定函數(bound function,BF)。綁定函數是一個 exotic function object(怪異函數對象,ECMAScript 2015 中的術語),它包裝了原函數對象。呼叫綁定函數通常會導致執行包裝函數。

綁定函數具有以下內部屬性:

[[BoundTargetFunction]] - 包裝的函數物件

[[BoundThis]] - 在呼叫包裝函數時始終作為this 值傳遞的值。

[[BoundArguments]] - 列表,在對包裝函數做任何呼叫都會優先用列表元素填充參數列表。

[[Call]] - 執行與此物件關聯的程式碼。透過函數呼叫表達式呼叫。內部方法的參數是一個this值和一個包含透過呼叫表達式傳遞給函數的參數的列表。

當呼叫綁定函數時,它會呼叫 [[BoundTargetFunction]] 上的內部方法 [[Call]],就像這樣 Call(boundThis, args)。其中,boundThis 是 [[BoundThis]],args 是 [[BoundArguments]] 加上透過函數呼叫傳入的參數列表。

綁定函數也可以使用 new 運算子構造,它會表現為目標函數已經被建構完畢了似的。提供的 this 值會被忽略,但前置參數仍會提供給模擬函數。

推薦學習:《javascript基礎教學

以上是javascript中bind的用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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