一、什么是作用域

作用域就是变量的可用性的代码范围，就叫做这个变量的作用域。简单理解，就是在这个范围内，变量是可以使用的，超过这个范围，变量就无法使用，这个范围就是作用域

作用域分为三种：全局作用域、局部作用域、块级作用域

全局作用域

顾名思义，全局作用域就是能够在全局使用，可以在代码的任何地方被调用。示例：创建一个拥有全局作用域的变量 a

var a = 0;
function fun(){
    conslie.log(a); // 在函数内部访问变量 a
}
console.log(a); // 在最外层访问变量 a

局部作用域

局部作用域只能作用于局部的代码片段，常见于函数内部，即函数内创建的变量，只能作用于函数内部，函数外部无法使用函数内部创建的变量。示例：创建一个拥有局部作用域的变量 b

function fun(){
    var b = 1;
    console.log(b);//1
}
console.log(b);//b is not defined

. 块级作用域

块级作用域是 es6 新增的，使用 let 关键字创建变量、const 关键字创建常量（当然 let、const 也会有自己的语法规范，这里不过多展开），作用域只存在于 {} 花括号内。示例：创建一个拥有局部作用域的变量 c

function fun(){
    let c = 1;
    const d = 2;
    console.log(c); // 1
    console.log(d); // 2
}
console.log(c); // c is not defined

二、什么是作用域链

当你要访问一个变量时，首先会在当前作用域下查找，如果当前作用域下没有查找到，则返回上一级作用域进行查找，直到找到全局作用域，这个查找过程形成的链条叫做作用域链

var a = 0;
var b = 0;

function fun1() {
    var b = 1;
    function fun2() {
        console.log(b); // 1 在当前作用域下没有找到，到上一级作用域中查找
    }
    fun2();
    console.log(b); // 1
}
fun1();
console.log(b); // 0

原文地址：https://blog.csdn.net/qq_53911779/article/details/125343803