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 代码。
预解析会把变量和函数的声明在代码执行之前完成，预解析也叫做变量、函数提升。
原文链接: https://blog.csdn.net/hexadecimal_001/article/details/137075114