浅谈js作用域

在js中的作用域一共分为三种，全局域、函数域和块级作用域

全局域

全局域是指代码在任何地方都可以被访问到

函数域

函数域是指在函数内部的作用范围

块级作用域

代码块（如{}）中定义的变量和函数只能在该代码块内访问，在代码块外是不可见的。在 JavaScript 中，使用let和const关键字可以创建块级作用域。

function foo(a) {
    console.log(a + b);
}
var b = 2;
foo(1); // 3

在这个例子中，当执行 foo(1) 时，在 foo 函数内部访问到了外部定义的变量 b，输出结果为 3，说明函数可以访问到其外部作用域中定义的变量

function foo() {
    var a = 1;
}
foo()
console.log(a);

在这种情况下，会报a未定义的错误。因为在函数foo内部用var声明的变量a，其作用域仅限于函数foo内部，在函数外部是无法访问到的

var a = 1
function foo() {
    var a = 2
    console.log(a);
}
foo();

在 foo 函数内部，又重新定义了一个变量 a 并赋值为 2，此时函数内的 a 会覆盖外部全局作用域中的 a 的值，所以在函数内打印出的是函数内局部定义的 2 。而在函数外仍然可以访问到全局作用域中的 a，其值为 1

以上就是对全局域和函数域的理解了

接下来讲解块级作用域

由于let和const的出现，才有了块级作用域的概念

先看一下这两段代码的区别，一个使用var声明变量，另一个使用let

if(true){
    var b = 1;
}
console.log(b);
if(true){
    let b = 1;
}
console.log(b);

第一段代码：

当执行时，会成功输出 1 。因为使用 var 声明的变量存在变量提升，即使在 if 语句块中声明，实际上相当于在整个作用域的开头声明了，所以在 if 语句块外也能访问到。

第二段代码：

会报错，提示 b 未定义。因为使用 let 声明的变量具有块级作用域，只在 if 语句块内有效，在语句块外是无法访问到的。

总结

本文文讲解了JavaScript中的作用域

一共分为三种，全局域、函数域和块级作用域

相信看到这的你一定会有所收获的