javascript - 箭头函数的this指向问题

问题描述

问 题

箭头函数的this是在定义时就确定了，那obj.foo()的this应该指向obj啊，
为什么打印出来是window？

解决方案

箭头函数中的this是指向外部作用域中的this，你在执行obj.foo()时,foo的当前作用域是obj，外部作用域是window，所以得到window。你所说的obj.foo()的this应该指向obj是普通函数的情况，即：

var obj = {
    foo: function () {
        console.log(this)
    }
}

由于箭头函数的this指向外部作用域的this，所以要达到你说的效果，应该把foo再包装一层：

var obj = {
    foo: function () {
        /* 这是foo的作用域 */
        (() => {
            /* 这是箭头函数的作用域 */
            console.log(this)
        })()
    }
}

此时调用obj.foo()时，foo作用域的this是obj，内部的箭头函数指向外部作用域的this，即foo作用域下的this，因此得到obj。

这篇关于javascript - 箭头函数的this指向问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！