箭头函数中this指向的困惑：为什么有时指向window，有时指向调用它的对象？

箭头函数中this的指向疑惑

在箭头函数中，this的指向一直是一个比较容易混淆的问题。以下示例代码意在说明箭头函数中this的指向问题：

function foo() {
    const test = () => {
        console.log(this)
    }
    test()
}
foo()
let obj = {
    a: 1,
}
obj.foo = foo
obj.foo()

登录后复制

按理来说，此代码应当打印两次window，但意外的是，它打印了一次window和一次obj。

这种现象可以归因于箭头函数的特性。在箭头函数中，this并不存在。当箭头函数内部访问this时，它实际上是在访问一个变量。在这个示例中，test内部没有this，因此它会向上层作用域查找this。

单独运行foo时，foo的this指向window，因此test打印window。而当通过obj.foo调用foo时，foo的this指向obj，因此test打印obj。

以上就是箭头函数中this指向的困惑：为什么有时指向window，有时指向调用它的对象？的详细内容，更多请关注抖狐科技其它相关文章！