---

JavaScript 作用域

JavaScript 的作用域规定了变量和函数在程序中可见的范围。了解作用域是 JavaScript 编程中非常重要的一部分。JavaScript 中有全局作用域和局部作用域。

全局作用域

全局作用域是指在整个 JavaScript 程序中任何地方都可见的变量或函数。在 JavaScript 中，如果一个变量或函数没有在函数内部声明，则被自动定义为全局变量或函数。全局变量和函数在程序的任何地方都可以访问到。

let a = 5;
function b() {
    console.log(a);
}
b(); // 5

在上面的例子中，变量 a 在函数 b 内部没有被声明，因此被自动定义为全局变量。所以在函数 b 内部可以访问到变量 a 的值。

全局变量应该谨慎使用，因为它们容易被不同访问路径的代码所修改，导致不可预料的结果。

局部作用域

局部作用域是指在函数内部声明的变量或函数只在该函数内部可见。函数内部的变量和函数只能被函数内部的代码所访问，外部代码无法访问。

function c() {
    let d = 10;
    console.log(d);
}
c(); // 10
console.log(d); // Uncaught ReferenceError: d is not defined

在上面的例子中，变量 d 只在函数 c 内部可见。在函数 c 外部无法访问到变量 d，会抛出 Uncaught ReferenceError 错误。

函数作用域

在 JavaScript 中，每个函数都有自己的作用域，也称为函数作用域。这意味着函数内部的变量在函数外部是不可见的，除非被显式地返回（使用 return 语句）。

function e() {
    let f = 15;
    return f;
}
let result = e();
console.log(result); // 15
console.log(f); // Uncaught ReferenceError: f is not defined

在上面的例子中，变量 f 在函数 e 内部定义，并被显式地返回。在函数外部，可以访问返回的值 15，但无法访问变量 f。

块级作用域

在 ES6 中，引入了块级作用域（let 和 const 关键字）。块级作用域指的是在代码块中声明的变量或函数，只在该代码块内部可见。

let g = 20;
if (true) {
    let g = 30; // 局部作用域
    console.log(g); // 30
}
console.log(g); // 20

在上面的例子中，使用 let 关键字在 if 代码块内部声明了一个新的变量 g，并将其值设为 30。在代码块内部使用 console.log 打印该变量的值时，输出的值为 30。在代码块外部，访问变量 g 时输出的值为 20。

块级作用域为 JavaScript 增加了更强的变量作用域控制，避免了全局作用域中的命名冲突问题。

总结

JavaScript 的作用域规定了变量和函数在程序中可见的范围。全局作用域是指在整个 JavaScript 程序中任何地方都可见的变量或函数；局部作用域是指在函数内部声明的变量或函数只在该函数内部可见；函数作用域是指每个函数都有自己的作用域；块级作用域是 ES6 中引入的一种作用域方式，可以在代码块中声明变量或函数，并只在该代码块内部可见。了解 JavaScript 的作用域对编写高质量的 JavaScript 代码非常重要。