问窗口(浏览器)和全局(Node.js)对象之间的区别

EN

差异的原因是浏览器脚本中的顶级作用域是全局作用域，而Node.js文件中的顶级作用域是模块作用域。(默认情况下，这是一个旧风格的Node.js模块，它处于松散模式，但在现代版本的Node.js中，您可以选择采用JavaScript标准模块范围，这是严格模式。)

在全局范围内，var在全局对象上创建一个属性，您可以通过window全局访问该属性，在全局范围通过this访问该属性，或者在调用松散模式函数时通过this访问该属性，而无需执行任何特定设置this的操作。上面对fn的调用是最后一类:不设置this而调用的松散模式函数。

但是在Node.js模块作用域，var只是在模块中创建一个var，而不是在全局对象上创建全局或属性。就像这样：

​

(function() { // The wrapper Node.js provides node-style modules
    // This is "module" scope
    var foo = 10;
    function fn () {
      console.log (this.foo);
    }
    fn();
})();         // End of the wrapper

​

(为什么我将length改为foo？因为默认情况下，window有一个length属性--该窗口包含的帧数--这让人感到困惑。*-)

所以这只是范围上的不同。

您还可以通过type="module"在script标记上使用现代浏览器上的模块范围，包括Chrome。但是，由于JavaScript标准模块总是处于严格模式，所以调用fn中的this将是undefined，从而导致错误：

​

<script type="module">
var length = 10;
function fn () {
  console.log(this);        // undefined
  console.log(this.length); // TypeError
}
fn();
</script>

​