JavaScript Function bind()用法及代碼示例

JavaScript Function bind() 方法用於創建新函數。當一個函數被調用時，它有自己的 this 關鍵字設置為提供的值，並帶有給定的參數序列。

用法

function.bind(thisArg [, arg1[, arg2[, ...]]]

參數

thisArg- 傳遞給目標函數的 this 值。

arg1,arg2,....,argn - 它代表函數的參數。

返回值

它返回給定函數的副本以及提供的此值和初始參數。

JavaScript 函數 bind() 方法示例

例子1

讓我們看一個簡單的 bind() 方法示例。

<script>
var website = {
  name:"Javatpoint",
  getName:function() {
    return this.name;
  }
}
var unboundGetName = website.getName;
var boundGetName = unboundGetName.bind(website);
document.writeln(boundGetName());
</script>

輸出：

Javatpoint

例子2

讓我們看一個 bind() 方法的例子。

<script>
// Here, this refers to global "window" object
this.name = "Oracle";     
var website = {
  name:"Javatpoint",
  getName:function() { return this.name; }
};

document.writeln(website.getName()); // Javatpoint

//It invokes at global scope
var retrieveName = website.getName;
document.writeln(retrieveName());   //Oracle

var boundGetName = retrieveName.bind(website);
document.writeln(boundGetName()); // Javatpoint
</script>

輸出：

Javatpoint Oracle Javatpoint

相關用法

注：本文由純淨天空篩選整理自 JavaScript Function bind() method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。