一个this的问题,浏览器和node的差异

这个问题的代码

var fullname = 'John Doe';

var obj = {
  fullname: 'Colin Ihrig',

  prop: {
    fullname: 'Aurelio De Rosa',

    getFullname: function () {
      return this.fullname;
    }
  },
  getFullname () {
    return this.fullname;
  }
};

console.log(obj.prop.getFullname());  //Aurelio De Rosa

console.log(obj.getFullname()); //Colin Ihrig

var test = obj.prop.getFullname;

// (这里浏览器 里面是对的, 但是node 这边 是怎么处理了么。。this为global,但是fullname 并没有上global)
//当前文件全局的fullname 如果没写var 可以,但是写了var 就是undefined
console.log(test());//John Doe

上面的注释是我的思路,为什么浏览器 按照我的走了,但是node没有,最后的调用为undefined,是不是模块这边的原因 还是啥的。。。有点没有头绪。。

阅读 2.6k
3 个回答

执行 test() 得到 this.fullname(this指向当前的全局变量), 在浏览器var fullname = 'John Doe' ,fullname挂载在window。但在node用var声明是属于局部的模块变量,不加var才是全局变量,或global.fullname也是全局,所以就造成了两个环境下的差距(在node的REPL运行你的代码应该也是和浏览器一样的)。

关于全局var定义的变量,在浏览器上会自动把他变为浏览器window的属性,也就是你可以通过window.x去访问他,但是node可不会有这种情况,你把var去掉才可以定义为全局global的属性

如果使用var关键字声明的变量将会保留在本地模块里。这些声明的变量没有附加到global对象里。

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