V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lbfeng
V2EX  ›  Node.js

用 node 执行 js 文件的结果和 node interpreter 里运行的结果不一样

  •  
  •   lbfeng · 2020-05-10 10:52:38 +08:00 · 4790 次点击
    这是一个创建于 1663 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Node.js v14.1.0

    var x = 'x';
    console.log(this) // empty object or global object
    
    function foo() {
      console.log(this.x);
    }
    
    var obj = {
      x: 'asdf',
      f: foo
    }
    
    obj.f()
    
    var func = obj.f;
    func();
    

    如果用node test.js第一个 this 指向{}, 在 foo 里 this 第一次指向 obj,第二次指向 global

    node进入编辑器第一个 this 指向 global, 在 foo 里 this 第一次指向 obj,第二次指向 global

    4 条回复    2020-05-11 11:07:44 +08:00
    noe132
        1
    noe132  
       2020-05-10 11:13:30 +08:00 via Android
    node 执行的时候是模块。this 是模块的 global
    rabbbit
        2
    rabbbit  
       2020-05-10 12:36:03 +08:00
    module.exports.a = 1
    console.log(this) // { a: 1 }
    lbfeng
        3
    lbfeng  
    OP
       2020-05-11 00:19:23 +08:00
    没人知道为啥“如果用 node test.js 第一个 this 指向{}, 在 foo 里 this 第一次指向 obj,第二次指向 global”?
    libook
        4
    libook  
       2020-05-11 11:07:44 +08:00
    首先,Node 的 REPL 环境和正常执行环境是不同的两个环境,而 this 是和环境相关的,在不同环境下调用 this 可能会导致返回不同的结果,这个建议看一下 Node 的文档比较一下。

    然后就是分析两种环境下都应该输出什么值。

    -----------
    REPL 环境(直接启动 Node 进入交互界面输入指令):
    var x = 'x'; // REPL 环境下用 var 声明相当于在 global 上声明(你用 let 和 const 就不一样了),所以这句是在 global 下声明了 x,并赋值'x'。
    console.log(this) // 输出的是 global 对象。

    function foo() {
    console.log(this.x);
    }

    // 和上面 x 的定义一样,这里在 global 上定义了一个属性 obj,obj 本身也是一个对象:
    // 有一个属性 x,值为'asdf';
    // 有一个方法 f,引用的 foo 函数。
    var obj = {
    x: 'asdf',
    f: foo
    }

    obj.f(); // 调用 obj 下的 f 方法,实际上是让 foo 函数在 obj 作为 this 的前提下运行,输出的 this.x 肯定就是 obj.x 。

    var func = obj.f; // 这里是把 obj.f 的引用赋值给 func,而 obj.f 的引用值是 foo,相当于 `var func = foo;` 此时 func 与 obj 没有任何关系。

    func(); // 因为 func 是直接引用 foo 的,相当于 foo 的别名,所以这一行代码完全等价于`foo();`;而 foo 是在 global 对象下执行的,this 也是指向的 global,所以 this.x 就是'x'。

    -----------
    正常执行环境( node test.js ):

    // 正常执行环境下一切程序文件皆为 module,所以 test.js 文件里的所有代码也都是在一个 module 环境下的,而 module 初始情况下就是一个空对象。

    var x = 'x'; // 只是在当前 module 作用域中声明了一个变量,但其并不是 module 的属性,所以这时候你用 this.x 是无法输出'x'的。
    console.log(this); // module 直接作用域下的 this 就是 module 本身,这时候还没有为 module 声明任何属性和方法,所以就是个空对象。

    function foo() {
    console.log(this.x);
    }

    // 这里相当于是在 module 作用域中声明了一个变量 obj,同样,这个 obj 也不是这个 module 的属性和方法。
    // obj 引用的是一个对象,这个对象有一个属性 x,值为'asdf';有一个方法 f,引用的 foo 函数。这块和 REPL 中的一样。
    var obj = {
    x: 'asdf',
    f: foo
    }

    obj.f(); // 和 REPL 中的一样,因为 f 是 obj 的方法,所以是以 obj 为 this 来执行的,输出 this.x 其实是 obj.x 。

    var func = obj.f; // 和 REPL 中的一样,把 obj.f 的引用赋值给 func,而 obj.f 的引用值是 foo,相当于 `var func = foo;` 此时 func 与 obj 没有任何关系。
    func(); // 和 REPL 中的一样,因为 func 是直接引用 foo 的,相当于 foo 的别名,所以这一行代码完全等价于`foo();`;而 foo 是在 module 对象下执行的,this 也是指向的 module,所以 this.x 实际上是读取 module 的 x 属性的值,然而 module.x 是 undefined (前面所有的声明的 x 都不是 module 的属性),所以就输出 undefined 。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3182 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 13:35 · PVG 21:35 · LAX 05:35 · JFK 08:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.