用通俗的方式理清JS的作用域和上下文，从此让你豁然开朗

JavaScript是一门动态的、基于原型的语言，拥有独一无二的作用域和上下文机制，理解这些机制对于写出高质量的代码至关重要。这篇文章将以通俗易懂的方式带您一览JavaScript作用域和上下文的奥秘。

词法作用域和动态作用域

在JavaScript中，作用域决定了变量和函数的可访问性。JavaScript采用词法作用域，这意味着变量和函数的作用域由它们在代码中声明的位置决定。

词法作用域有助于提高代码的可读性和可维护性，因为它使您可以轻松地追踪变量和函数的定义和使用位置。

与词法作用域不同，动态作用域允许变量和函数的作用域由它们的运行时位置决定。这意味着变量和函数可以访问在它们定义之前声明的变量和函数。

JavaScript采用词法作用域，而非动态作用域，因此避免了许多动态作用域固有的问题，如难以追踪变量和函数的定义和使用位置等。

执行上下文

执行上下文是JavaScript中程序执行的环境，它包含了与执行相关的各种信息，如当前执行的代码、变量对象、作用域链等。

执行上下文在函数被调用时创建，并在函数执行完成后销毁。每个函数都有自己的执行上下文，函数内的变量和函数只能在该函数的执行上下文中访问。

作用域链

作用域链是一个包含当前执行上下文和所有父执行上下文的列表，它用于决定变量和函数的可访问性。

当JavaScript引擎在执行代码时，它会首先在当前执行上下文中查找变量或函数。如果在当前执行上下文中没有找到，则会沿着作用域链向上查找，直到找到为止。

作用域链有助于实现变量和函数的封装，它可以防止变量和函数在不适当的上下文中被访问。

闭包

闭包是一个函数及其创建时所在的执行上下文（变量对象）的组合。闭包允许函数访问在其创建时所在的执行上下文中的变量，即使该函数已经被调用并执行完成了。

闭包在JavaScript中非常有用，它可以用来实现许多高级特性，如私有变量、惰性加载、事件处理等。

小结

JavaScript的作用域和上下文是理解这门语言的关键，掌握这些概念可以帮助您编写出更加健壮、可维护和可扩展的代码。

术语介绍：

• 作用域：变量和函数的可访问性范围。
• 词法作用域：变量和函数的作用域由它们在代码中声明的位置决定。
• 动态作用域：变量和函数的作用域由它们的运行时位置决定。
• 执行上下文：JavaScript中程序执行的环境。
• 作用域链：一个包含当前执行上下文和所有父执行上下文的列表。
• 闭包：一个函数及其创建时所在的执行上下文（变量对象）的组合。

如果您想深入了解JavaScript的作用域和上下文，可以参考以下资源：

• JavaScript作用域
• JavaScript执行上下文
• JavaScript闭包