JavaScript 是一种基于对象和事件驱动的脚本语言，它的重要特征之一是支持函数式编程风格。在 JavaScript 中，函数可以像普通变量一样被定义、传递和使用。由于这种灵活性，JavaScript 程序往往会涉及到复杂的作用域关系和闭包机制。本文将详细介绍在 JavaScript 运行时中，闭包和作用域是如何被表示的，并提供相应的示例代码。
作用域 Scope
在 JavaScript 中，每个函数都有一个作用域 Scope。作用域是指变量（包括函数参数）的可访问范围。在函数内部定义的变量只能在该函数内部访问，在函数外部无法访问。例如：
-------- ----- - --- - - -- --------------- -- --- - - ------ --------------- -- -- -------------- ---- ---
在上面的示例中，变量 x 只能在 foo() 函数内部访问，而在函数外部则无法访问到。这就是作用域的概念。
当我们在嵌套的函数中定义变量时，则存在多个作用域。内部函数可以访问其外层函数的变量，但外层函数无法访问内部函数的变量。例如：
-------- ------- -
--- - - --
-------- ------- -
--- - - --
--------------- -- --- -
--------------- -- --- -
-
--------
--------------- -- -- -------------- ---- ---
-
--------在上面的示例中，inner() 函数可以访问 outer() 函数中定义的变量 x，但是 outer() 函数无法访问 inner() 函数中定义的变量 y。
闭包 Closure
闭包是指一个函数可以访问并操作其外层函数的变量，即使外层函数已经返回或者被销毁了。这种行为可以通过 JavaScript 中函数作为一等公民的特性来实现。闭包可以用于创建类似于私有变量、计数器等功能。
下面是一个简单的闭包示例：
-------- --------- -
--- ----- - --
------ ---------- -
--------
-------------------
--
-
--- - - ----------
---- -- --- -
---- -- --- -
---- -- --- -在上面的示例中，counter() 函数返回一个匿名函数，该函数可以访问和修改 counter() 函数中定义的变量 count。每次调用 c() 都会输出 count 的值，并将其加一。
闭包的实现原理是通过在函数定义时创建一个作用域，并将其保存在函数对象中。当函数执行时，该作用域会被压入调用栈中，并保持不变，即使外层函数已经返回或者被销毁了。因此，内层函数可以一直访问和修改该作用域中的变量。
示例代码
下面是一个综合示例，演示了 JavaScript 中作用域和闭包的相关特性：
-------- ------- -
--- - - --
-------- -------- -
--- - - --
-------- ------- -
--- - - --
--------------- -- --- -
--------------- -- --- -
--------------- -- --- -
-
------ ------
-
------ ---------
-
--- - - --------
---- -- --- - - -在上面
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28200