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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。