作用域和作用域链

在学习编程语言时，我们通常会听到“作用域”和“作用域链”的概念。这两个概念是理解JavaScript等编程语言中变量和函数作用的基础。

作用域

作用域是指变量和函数的可访问范围。在JavaScript中，作用域分为全局作用域和局部作用域。

全局作用域

全局作用域是指在整个程序中都可以访问的变量和函数。它们的作用域始终存在于程序运行的生命周期中。全局作用域中定义的变量和函数可以被任何一个函数或语句所使用。

在JavaScript中，没有明显的声明全局变量的语法。如果一个变量在函数外定义，它就是全局变量。

javascript复制代码
var a = 1; // 定义全局变量a
function foo() {
    console.log(a); // 输出1
}
foo();

局部作用域

局部作用域是指在函数内部定义的变量和函数，它们只能在该函数内部访问。函数执行完毕后局部变量将被销毁。

javascript复制代码
function foo() {
    var b = 2; // 定义局部变量b
    console.log(b); // 输出2
}
foo();
console.log(b); // 报错: b未定义

作用域链

当在一个函数内部访问变量时，JavaScript会按照以下顺序查找变量：

1. 查找当前函数内部是否有该变量；
2. 如果没有，则向上一级函数继续查找，直到全局作用域；
3. 如果仍没有，则返回undefined。

这个查找过程被称为作用域链。作用域链是由每个函数的[[scope]]属性创建的。

javascript复制代码
var a = 1; // 定义全局变量a
function foo() {
    var b = 2; // 定义局部变量b
    function bar() {
        var c = 3; // 定义局部变量c
        console.log(a + b + c); // 输出6
    }
    bar();
}
foo();

在上面的例子中，当bar函数访问变量a时，在bar函数内部没有找到，于是向上一级函数foo继续查找，发现有变量a，因此输出结果为6。

作用域链的建立是静态的，即在代码编写时就已经确定好了，与代码执行无关。所以，如果在函数内部定义了一个与外部同名的变量，那么函数内部的变量将覆盖外部的变量。

javascript复制代码
var a = 1; // 定义全局变量a
function foo() {
    var a = 2; // 定义局部变量a
    console.log(a); // 输出2
}
foo();
console.log(a); // 输出1

在上面的例子中，函数内部定义了一个与全局变量同名的局部变量a，因此在函数内部访问变量a时，返回的是局部变量的值2，而不是全局变量的值1。

总结

作用域和作用域链是理解JavaScript等编程语言中变量和函数作用的基础。掌握这两个概念可以帮助我们更好地理解代码的执行过程，提高代码的质量和效率。