ES6箭头函数，关于this指向的案例

原创于 2019-05-09 09:45:28 发布 · 284 阅读

1 ·

CC 4.0 BY-SA版权

前端开发 - ES5 / ES6 / ES7 专栏收录该内容

13 篇文章

订阅专栏

本文通过四个案例深入解析了ES6中箭头函数的this指向问题，展示了传统函数与箭头函数在this绑定上的差异，对于理解JavaScript中this的工作机制具有重要作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ES6箭头函数，关于this指向的案例

const arrow = {
    say: function () {
        setTimeout(function () {
            console.log(this)
        }, 50)
    },
    sayWithThis: function () {
        const that = this
        setTimeout(function () {
            console.log(that)
        }, 500)
    },
    sayWithArrow: function () {
        setTimeout(() => {
            console.log(this)
        }, 1500)
    },
    sayWithGlobalArrow: () => {
        setTimeout(() => {
            console.log(this)
        }, 2000)
    }
}
arrow.say()
arrow.sayWithThis()
arrow.sayWithArrow()
arrow.sayWithGlobalArrow()

输出：