let role = {
test: (variable) => {
// How do I call toLog(variable) from here?
},toLog: (variable) => {
console.log(variable);
}
};
解决方法
标准JS函数使用动态绑定,这取决于谁在运行时调用方法,所以如果我们使用role.test()调用它,它将绑定到角色.
箭头函数将其绑定到当前上下文.例如,如果代码在浏览器的控制台中是writtern的,则绑定到窗口对象.这被称为静态词法绑定,这意味着将其绑定到其中定义的闭包.
const role = {
test(variable){
this.toLog(variable);
},toLog(variable) {
console.log(variable);
}
};
role.test(5);
在这种情况下,我们不想将其绑定到外部上下文,所以我们将跳过静态绑定,有利于动态绑定.
但是,如果我们将此方法用作回调,则动态绑定将根据谁在运行该方法进行更改.为了防止这种情况,我们必须使用bind来创建一个明确的静态绑定到角色.
const role = {
test(variable) {
this.toLog(variable);
},toLog(variable) {
console.log(variable);
}
};
let test = role.test;
try {
test(20); // will throw an error - this.toLog is not a function - because this points to window
} catch (e) {
console.log(e);
}
test = role.test.bind(role);
test(25); // will work because it's staticly binded to role
