首页 小组 问答 话题 好文 素材 用户 唠叨 我的社区

10 关于箭头函数中this的指向问题?[ 已解决 ]

zuiui 发表于  2024-10-06 09:10:17
发布在 : 前端频道6

关于箭头函数中this的指向问题

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

在箭头函数中,this引用的是定义箭头函数的上下文。示例代码按理来说应该打印两次window,但结果是一次window,一次obj。

问了好多个AI,AI给的结果都是打印两次window。

1 回答

道亮_(:з」∠)_

2024-10-06 09:11:13

1支持  /  0反对

箭头函数没有this,再箭头函数里面访问this,你可以当做是访问一个变量,当前作用域没有this,会向上层作用域进行查找。


test里面访问this,这个this是指向foo中的this,单独运行foo,foo的this指向window,使用obj.foo运行foo,foo的this指向obj

请登录后再回答问题!
站长交流