JavaScript基础回顾（二）：词法作用域与动态作用域

作用域有两种比较常见的模型，一种是词法作用域，一种是动态作用域，在JavaScript中采用的是词法作用域。接下来就谈谈JavaScript中的词法作用域与动态作用域。

词法作用域与动态作用域

词法作用域也叫作静态作用域，在函数定义的时候函数作用域就确定好了，而动态作用域则在函数被调用的时候函数作用域才确定，动态作用域不会关系函数和作用域是怎么声明或者是在哪里声明，它只关心函数在哪里被调用。虽然JavaScript采用的是词法作用域，但是在JavaScript中也有类似动态作用域的实现机制，即JavaScript中的this。

举个简单的例子来理解一下词法作用域与动态作用域的区别：

function foo() {
    console.log(a)
}

function bar() {
    var a = 2;
    foo();
}

var a = 1;

bar();

我们来简单分析一下上面的代码执行结果，假如JavaScript采用的是词法作用域的话，当执行bar函数的时候，先是声明了一个局部变量a，并将它赋值为2，然后执行foo函数 ，首先在foo函数内部查找有没有变量a，如果没有，则往上一层代码中查找，在foo函数外部声明了一个变量全局变量a，并且它别赋值为1，所以执行foo函数的结果是输出1。假如JavaScript采用的是动态作用域的话，当执行到bar函数内部的foo函数时，也会先从foo函数内部查找有没有变量a，如果没有，则继续在调用foo函数的作用域里查找，所以最终会输出2。

前面我们已经提到了，在JavaScript中采用的是词法作用域，所以上述例子的正确结果是输出1。通过这个简单的例子，我们也大体弄懂了词法作用域与动态作用域的区别，另外从这个作用域的回顾可以引申到变量提升、执行上下文栈、闭包等相关知识点，这些知识点都将在后续的博客中进行回顾和总结。