刨根问底JS变量提升的作用域链

2023-11-26 11:05:45

变量提升

在 JavaScript 中，变量提升是一个非常重要的概念。它指的是在代码执行之前，所有声明的变量和函数都将被提升到它们所属的作用域的顶部。这意味着，无论变量或函数在代码中的位置，它们都可以在该作用域的任何地方被访问和使用。

变量提升可以分为两个步骤：

声明：变量提升的第一步是声明变量。当 JavaScript 解析器遇到一个 var 或 function 时，它会将变量或函数声明提升到当前作用域的顶部。例如，以下代码将声明一个名为 message 的变量：

var message;

定义：变量提升的第二步是定义变量。当 JavaScript 解析器遇到一个赋值操作符 (=) 时，它会将变量定义提升到当前作用域的顶部。例如，以下代码将定义 message 变量并赋予它一个值：

message = "Hello, world!";

变量提升可以使代码更易于阅读和理解。它还可以防止意外的错误，例如在使用变量之前对其进行声明。

作用域链

作用域链是 JavaScript 中一个非常重要的概念。它指的是一个包含所有当前作用域及其父作用域的变量和函数的对象。当 JavaScript 解析器执行代码时，它会创建一个作用域链，并将其存储在执行上下文中。执行上下文是 JavaScript 中的一个概念，它包含有关当前正在执行的代码的信息，例如作用域链和变量值。

作用域链有以下几个特点：

它是一个对象，它包含所有当前作用域及其父作用域的变量和函数。
它总是从当前作用域开始，然后向上查找父作用域，依此类推，直到找到全局作用域。
当 JavaScript 解析器在当前作用域找不到一个变量或函数时，它将在父作用域中查找。如果在父作用域中也没有找到，它将在父作用域的父作用域中查找，依此类推，直到找到该变量或函数。

作用域链可以帮助我们理解 JavaScript 中的变量访问规则。例如，如果我们在一个函数中声明一个变量，那么该变量只能在该函数及其子函数中访问。如果我们想在函数外部访问该变量，那么我们需要使用 var 关键字在函数外部声明该变量。