作用域的概念
作用域 一段程序代码中所用到的名字（例如变量名）并不总是有效的，而限定这个名字的可用性代码范围就是这个名字的作用域。
作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。
ES6 之前作用域有两种 全局作用域 和 局部作用域 (函数作用域) 。
全局作用域 作用于所有代码执行的环境(整个 script 标签的内部)或者一个独立的 js 文件中。
局部作用域 作用于函数内部的代码环境，就是局部作用域。因为跟函数有关系，所以也被称为函数作用域。
变量的作用域
在 JavaScript 中，根据作用域的不同，变量可以分为两种：全局变量、局部变量。
全局变量 在全局作用域下声明的变量。
全局变量作用于整个文档，自页面打开到页面关闭，在代码的任何位置都可以使用。 在全局作用域下 var 和 let 声明的变量是全局变量。
局部变量 在局部作用域下声明的变量（var 在函数内部或 let 在 {} 中定义的变量） 局部变量只作用于当前代码块内，自本代码块调用起到本代码块执行完毕。
在函数内部使用 var 声明的变量，或使用 let 在代码块内声明的变量是局部变量。函数的形参实际上就是局部变量，for 循环初始值如果使用 let 声明也是局部变量。
作用域链
作用域链：通过上节作用域我们知道，当我们声明一个函数时，程序会生成一个独立的作用域，如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域；根据 内部函数可以访问外部函数变量 的这种机制，用链式查找决定哪些数据能被内部函数访问，就称为作用域链。
作用域链采取就近原则的方式来查找变量最终的值。
Javascript预解析
在JavaScript中，预解析是JavaScript引擎在执行代码之前进行的一种处理过程。它包括两个主要步骤：变量提升和函数提升。
变量提升是指在代码执行之前，JavaScript引擎会创建一个变量对象（Variable Object）来存储变量和函数的声明。对于变量的声明，JavaScript引擎会将变量的声明提升到作用域的顶部，即使在实际代码中变量的声明是在之后的位置。这意味着变量可以在声明之前使用。
函数提升是指在代码执行之前，JavaScript引擎会将函数的声明提升到作用域的顶部，即使在实际代码中函数的声明是在之后的位置。这意味着函数可以在声明之前调用。下面是代码示例：
console.log(x); // 输出undefined let x = 10; foo(); // 输出"Hello, world!" function foo() { console.log("Hello, world!"); }
在这个例子中，变量x和函数foo的声明被提升到了作用域的顶部。因此，在第一行代码中，变量x的值是undefined，而不是在实际代码中的10。在第四行代码中，函数foo被调用，尽管在实际代码中函数的声明是在之后的位置。
需要注意的是，只有变量的声明被提升，而不是变量的赋值。因此，在预解析阶段，变量的值是undefined。变量的赋值操作在实际代码执行时才会进行。
