图解javascript的this指向

3,948 阅读1分钟

作者: HerryLo

本文永久有效链接: https://github.com/AttemptWeb......

开局两张图,以后再也不用担心this的指向问题😂😂。以下就只有两张图,请放心食用!!

简版this指向

升级版this指向

解释:

这里的上下文对象如下:

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

let Obj = {
    fn: fn
}

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

参考:

MDN: 箭头函数表达式

MDN: 函数的this

以上有任何问题,可以下面提出哦!!欢迎留言👏👏

参考更多博文:

个人掘金更多文章链接 跳转

GitHub博文项目更多文章链接 跳转;