面试题——this指向问题

最新推荐文章于 2024-04-14 08:10:38 发布

转载最新推荐文章于 2024-04-14 08:10:38 发布 · 375 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://segmentfault.com/a/1190000018399613

收录于

当前文章被以下社区和专栏收录：

本文探讨了JavaScript中this关键字的指向问题，特别是在不同执行环境下箭头函数与普通函数的this指向差异。通过具体代码示例，展示了全局作用域、对象方法调用时this的不同表现。

最近面试，今天灌个水 [掩面]

var a = 1;
var s = {
    a:2;
    f:()=>{
        console.log(a);
    }
}
var sf = s.fn;
sf()// 1 , 因为 sf()执行的时候 this 指向 Global,全局下 a=1；
s.f() // 1 , 箭头函数的 this 指向其实是执行环境决定的，不可改变

var a = 1;
var s = {
    a:2,
    f:function(){
        console.log(a);
    }     
}
var sf = s.f;
sf()// 1 , 同样执行环境是 Global , a =1
s.f() // 这里就不一样了，function 在一开始定义的时候 就指定 this（s对象） 了， 所以这里只能是 2

标签

#面试