登录
首页 >  文章 >  前端

箭头函数中this指向的困惑:为什么有时指向window,有时指向调用它的对象?

时间:2024-12-12 20:13:09 100浏览 收藏

目前golang学习网上已经有很多关于文章的文章了,自己在初次阅读这些文章中,也见识到了很多学习思路;那么本文《箭头函数中this指向的困惑:为什么有时指向window,有时指向调用它的对象?》,也希望能帮助到大家,如果阅读完后真的对你学习文章有帮助,欢迎动动手指,评论留言并分享~

箭头函数中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。

今天带大家了解了的相关知识,希望对你有所帮助;关于文章的技术知识我们会一点点深入介绍,欢迎大家关注golang学习网公众号,一起学习编程~

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>