JavaScript——作用域

1.JavaScript 作用域的概念

      在JavaScript中，作用域是一个控制变量、函数和类的作用范围的概念。 它决定了变量、函数和类的生命周期，以及它们在代码中的可见性。 理解JavaScript中的作用域对于编写高效、可维护的代码至关重要。

ES6 之前作用域有两种 全局作用域 和 局部作用域 (函数作用域) 。

全局作用域 作用于所有代码执行的环境(整个 script 标签的内部)或者一个独立的 js 文件中。

局部作用域 作用于函数内部的代码环境，就是局部作用域。因为跟函数有关系，所以也被称为函数作用域。

块级作用域：

块级作用域由 {} 包括

ES6 之前 JS 是没有块级作用域这一概念的，在 if 语句中，使用 var 声明的变量在外部依旧可以使用，如下

if(true){
var  num  =  155172444; console.log(num);  //  155172444
}
console.log(num);  //  155172444
在 ES6 中新增块级作用域这一概念，使用 let 声明的变量在外部将不可使用。
if(true){
let  num  =  10000; console.log(num);  //  10000
}
console.log(num);  //  报错

2.JavaScript 变量的作用域

在 JavaScript 中，根据作用域的不同，变量可以分为两种：全局变量、局部变量。

全局变量 在全局作用域下声明的变量（var 在函数外部定义的变量）。

局部变量 在局部作用域下声明的变量（var 在函数内部或 let 在 {} 中定义的变量）。

全局变量和局部变量的生命周期

全局变量：在任何一个地方都可以使用，只有在浏览器关闭时才会销毁，因此比较占内存。

局部变量：旨在代码块内部使用，当其所在的代码块被执行时，才会被初始化；当代码块运     行结束后，就会被销毁，因此更节省内存空间。

3.JavaScript 作用域链

作用域链：通过上节作用域我们知道，当我们声明一个函数时，程序会生成一个独立的作用域，如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域；根据 内部函数可以访问外部函数变量 的这种机制，用链式查找决定哪些数据能被内部函数访问，就称为作用域链。

function  f1(){
let  num  =  123;
function  f2()  {
console.log(  num);  //  123
} f2();
}
let  num  =  456; f1();

注意：作用域链采取就近原则的方式来查找变量最终的值。

4.JavaScript 预解析

预解析相关概念：JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器在运行 JavaScript 代码的时候分为两步：预解析和代码执行。

预解析 ：在当前作用域下，JS 代码执行之前，浏览器会默认把带有 var 和  function 声明的变量在内存中进行提前声明或定义。

代码执行 ：从上往下执行 JS 代码。

预解析会把变量和函数的声明在代码执行之前完成，预解析也叫做变量、函数提升。