javascript - OO JavaScript : Definitive explanation of variable scope

Question

有人可以解释一下 JS 中的变量作用域，因为它适用于对象、函数和闭包吗？

Answer 1

全局变量

Javascript 中的每个变量都是对象的命名属性。例如:-

var x = 1;

x 被添加到全局对象中。全局对象由脚本上下文提供，并且可能已经具有一组属性。例如，在浏览器中，全局对象是 window。浏览器中与上述行等效的内容是:-

window.x = 1;

局部变量

现在如果我们将其更改为:-

function fn()
{
    var x = 1;
}

何时 fn被称为创建的新对象称为执行上下文，也称为范围(我交替使用这些术语)。 x作为属性添加到此范围对象。因此每次调用fn将获得它自己的作用域对象实例，因此获得它自己的附加到该作用域对象的 x 属性实例。

关闭

现在让我们更进一步:-

function fnSequence()
{
    var x = 1;
    return function() { return x++; }
}

var fn1 = fnSequence();
var fn2 = fnSequence();

WScript.Echo(fn1())
WScript.Echo(fn2())
WScript.Echo(fn1())
WScript.Echo(fn2())
WScript.Echo(fn1())
WScript.Echo(fn1())
WScript.Echo(fn2())
WScript.Echo(fn2())

注意:替换 WScript.Echo在您的上下文中写入标准输出的任何内容。

您应该得到的序列是:-

1 1 2 2 3 4 3 4

那么这里发生了什么？我们有fnSequence它初始化变量 x为 1 并返回一个匿名函数，该函数将返回值 x然后递增它。

首次执行此函数时，会创建一个作用域对象并创建一个属性 x添加到值为 1 的范围对象。在同一执行对象中还创建了一个匿名函数。每个函数对象都有一个作用域属性，该属性指向创建它的执行上下文。这将创建所谓的作用域链，我们将在稍后介绍。 fnSequence 返回对此函数的引用并存储在 fn1 .

请注意fn1现在指向匿名函数，并且匿名函数有一个指向作用域对象的作用域属性，该作用域对象仍然具有 x附加属性。这称为 closure其中，在为其创建的函数完成执行后，执行上下文的内容仍然可以访问。

现在，当分配给 fn2 时，会发生相同的顺序。 fn2将指向在 fnSequence 时创建的不同执行上下文中创建的不同匿名函数。第二次被调用。

作用域链

当 fn1 持有该函数时会发生什么是第一次执行吗？创建一个新的执行上下文来执行匿名函数。从标识符 x 中可以找到返回值。 。检查函数的范围对象是否有 x属性，但没有找到。这就是作用域链发挥作用的地方。未能找到 x在当前执行上下文中，JavaScript 获取函数范围属性所持有的对象并查找 x那里。它找到它是因为函数作用域是在 fnSequence 的执行中创建的。 ，检索其值并递增它。因此输出 1 且 x在此范围内增加到2。

现在当fn2执行后，它最终附加到不同的执行上下文，其 x属性仍然是1。因此执行fn2也得出 1。

如您所见 fn1和fn2每个生成自己独立的数字序列。