重学JS之词法作用域和动态作用域

33 阅读1分钟

作用域 [scope]

作用域是什么:作用域是指程序源代码中定义变量的区域。定义了变量和函数的可访问范围,控制着变量和函数的可见性与生命周期。

作用域分为 静态作用域和动态作用域

因为 JavaScript 采用的是词法作用域,也就是静态作用域,函数的作用域在函数定义的时候就决定了。

而与词法作用域相对的是动态作用域,函数的作用域是在函数调用的时候才决定的。

静态作用域

使用如下代码来理解静态作用域


function foo() {
    console.log(value);
}

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

bar();

执行 foo 函数,先从 foo 函数内部查找是否有局部变量 value,如果没有,就根据书写的位置,查找上面一层的代码,也就是 value 等于 1,所以结果会打印 1。

假设JavaScript采用动态作用域,让我们分析下执行过程:

执行 foo 函数,依然是从 foo 函数内部查找是否有局部变量 value。如果没有,就从调用函数的作用域,也就是 bar 函数内部查找 value 变量,所以结果会打印 2。

前面我们已经说了,JavaScript采用的是静态作用域,所以这个例子的结果是 1。

动态作用域

bash 就是动态作用域,不信的话,把下面的脚本存成例如 scope.bash,然后进入相应的目录,用命令行执行 bash ./scope.bash,打印2

function foo () {
    echo $value;
}
function bar () {
    local value=2;
    foo;
}
bar