图解javascript的this指向

作者: HerryLo (opens new window)

本文永久有效链接: https://github.com/AttemptWeb...... (opens new window)

以下就只有两张图，请放心食用！！

简版this指向

升级版this指向

解释：

这里的上下文对象如下：

function fn() {console.log('this指向：', this);}

let Obj = {
    fn: fn
}

window.fn();    // 上下文对象调用, 等价于直接调用 fn()
Obj.fn();       // 上下文对象调用

参考：

MDN: 箭头函数表达式 (opens new window)

MDN: 函数的this (opens new window)

ps: 微信公众号：Yopai，有兴趣的可以关注，每周不定期更新，分享可以增加世界的快乐