javascript - 箭头函数中 "this"的可见性

<分区>

我有两个例子

const test = {
    foo: function (){
        this.bar();
    },
    bar: function (){
        console.log('bar');
    }
}
test.foo();

在这种情况下，一切正常。

const test = {
    foo: () => {
        this.bar();
    },
    bar: () => {
        console.log('bar');
    }
}
test.foo();

在第二种情况下我得到错误:

Uncaught TypeError: Cannot read property 'bar' of undefined

我知道我可以在 foo 函数中编写 test.bar()，但我很感兴趣为什么 this 在箭头函数中不可用在这种情况下的范围。

最佳答案

通常，函数中 this 的值取决于该函数的调用方式。

箭头函数从创建函数的作用域中导入 this 的值。

在对象字面量中间，this 的值将取决于对象字面量周围的内容，但肯定不会是对象本身。

关于javascript - 箭头函数中 "this"的可见性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39640154/

相关文章：

javascript - ES6 代码风格最佳实践