JS 之作用域：掌握控制，驾驭函数执行

2024-02-18 21:49:01

在 JavaScript 世界中，作用域是一个控制变量和函数可访问性的重要概念。它决定了变量和函数在程序中的可用性，影响着代码的可读性、可维护性和可重用性。在这篇文章中，我们将深入剖析 JS 作用域，帮助您理解变量和函数在不同执行环境中的行为，掌握控制变量和函数访问权限的技巧，从而提升您的 JS 编程能力。

理解作用域

作用域是指代码中变量和函数可被访问的区域。在 JavaScript 中，作用域分为全局作用域和局部作用域。

全局作用域： 这是脚本的顶层作用域，它包含了所有没有在函数内部声明的变量和函数。这些变量和函数可以在脚本的任何地方访问。
局部作用域： 这是函数内部的作用域，它包含了在函数内部声明的变量和函数。这些变量和函数只能在该函数内部访问。

执行环境

在 JavaScript 中，执行环境是指变量和函数被创建和执行的上下文。它决定了变量和函数的作用域。在 JavaScript 中，有两种执行环境：

全局执行环境： 这是脚本的顶层执行环境，它包含了全局作用域。
函数执行环境： 这是函数内部的执行环境，它包含了局部作用域。

作用域链

当 JavaScript 执行时，它会创建一个作用域链。作用域链是一个从当前执行环境到全局执行环境的变量和函数的查找路径。当 JavaScript 查找变量或函数时，它会沿着作用域链向上查找，直到找到该变量或函数。

变量提升

变量提升是指在 JavaScript 中，变量和函数声明会自动提升到函数或脚本的顶部。这意味着变量和函数可以在声明之前使用。但是，变量提升仅适用于声明，不适用于赋值。

闭包

闭包是指可以访问其他函数作用域内的变量的函数。闭包可以用来实现数据隐藏和状态管理。

控制作用域

在 JavaScript 中，可以通过使用 var、let 和 const 来控制作用域。

var： var 关键字声明的变量是作用域提升的，可以在声明之前使用。var 声明的变量在函数内部是局部变量，在函数外部是全局变量。
let： let 关键字声明的变量是块级作用域的，只能在声明所在的块内使用。let 声明的变量在函数内部是局部变量，在函数外部不存在。
const： const 关键字声明的变量是只读的，一旦声明就不能修改。const 声明的变量是块级作用域的，只能在声明所在的块内使用。const 声明的变量在函数内部是局部变量，在函数外部不存在。