JavaScript 函数 bind()
函数借用
使用 bind() 方法，一个对象可以借用另一个对象的方法。
下面的例子创建了两个对象（person 和 member）。
member 对象借用了 person 对象的 fullname 方法。
例子
const person = {
firstName:"John",
lastName: "Doe",
fullName: function () {
return this.firstName + " " + this.lastName;
}
}
const member = {
firstName:"Hege",
lastName: "Nilsen",
}
let fullName = person.fullName.bind(member);
自己试试 »
保留 this
有时需要使用 bind() 方法来防止丢失 this。
在下面的例子中，person 对象有一个 display 方法。在 display 方法中，this 指向 person 对象。
例子
const person = {
firstName:"John",
lastName: "Doe",
display: function () {
let x = document.getElementById("demo");
x.innerHTML = this.firstName + " " + this.lastName;
}
}
person.display();
自己试试 »
当函数用作回调函数时，this 会丢失。
这个例子尝试在 3 秒后显示 person 的名字，但它会显示 undefined。
例子
const person = {
firstName:"John",
lastName: "Doe",
display: function () {
let x = document.getElementById("demo");
x.innerHTML = this.firstName + " " + this.lastName;
}
}
setTimeout(person.display, 3000);
自己试试 »
bind() 方法解决了这个问题。
在下面的例子中，bind() 方法被用来将 person.display 绑定到 person。
这个例子将在 3 秒后显示 person 的名字。
例子
const person = {
firstName:"John",
lastName: "Doe",
display: function () {
let x = document.getElementById("demo");
x.innerHTML = this.firstName + " " + this.lastName;
}
}
let display = person.display.bind(person);
setTimeout(display, 3000);
自己试试 »
什么是this？
在 JavaScript 中，this关键字指的是一个对象。
this关键字所指的对象取决于它的使用方式。
在对象方法中，this指的是对象本身。 |
单独使用时，this指的是全局对象。 |
在函数中，this指的是全局对象。 |
在严格模式下的函数中，this是undefined。 |
在事件中，this指的是接收该事件的元素。 |
像call()，apply()和bind()这样的方法可以将this指向任何对象。 |
