JS作用域链，对象函数中的变量作用域

Question

我正在测试一些代码，只是为了更好地理解 JS 中的变量作用域链。 我设置了 2 个类似的对象构造函数，其中包含一个从前一个作用域调用变量的函数。 我得到的结果出乎我的理解。

var name = "Outter!";
var o = new function () {
                  this.name = "Jill";
                  this.age = 23;
                  this.func = function () {
                                 console.log(name);
                              }
             }
//output to console for: o.func()// Outter!

据我了解，我没想到会有这样的结果。由于 console.log(name) 试图访问 name 并且 name 在前一个作用域（o 对象的作用域）中，因此在到上层作用域的链路径之后，遇到的第一个 name 变量是 o 对象中的变量。相反，全局范围名称变量是引用。基本上我期待的结果是“吉尔”。

怎么会？

是否应该将 console.log(name) 的调用视为对 console.log(window.name) 的调用？

显然，如果我使用 console.log(this.name)，Jill 将是结果，但这不是我想要的，我想知道为什么“名称”不起作用。

Answer 1

this.name = "Jill" 没有声明名为name 的变量。相反，它在对象实例（由new 运算符创建）上定义了一个名为name 的键，并将其值设置为Jill。

如果您想要您的预期结果，请将console.log(name) 更改为console.log(this.name) 或将this.name = "Jill" 更改为var name = "Jill"。