this指向的问题,希望大家指点一下

这两个在学ES6的相关语法,在学到箭头函数的this问题的时候,我与之前学的ES5中的this进行相对比的时候,发现下面这行代码得到不可思议的结果:
var age = 77;

function foo() {
    var age = 18;
    setTimeout(function () {
        console.log(this.age);//undefined
    },3000)
}
foo();

clipboard.png

有没有大佬知道这里面的问题。我的理解是这个应该输出77.但是这里却输出了undefined

阅读 2.3k
2 个回答

知道问题所在了。
援引一位大神的解释
在浏览器环境下正常的,seTimeout中的this实际指向window,输出77。如果在node环境下运行就不一样了。node环境下也有自己的setTImeout计时器,它的this指向Timeout对象,Timeout对象没有age属性,就返回undefined了。你自己可以输出this看看就明白了。

你看错了吧,延时3s后输出的才是77,没错

clipboard.png

clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题