JS 参数查找是否遵循词法作用域链?

Question

function foo() {
    console.log( a ); // 2
}

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

var a = 2;

bar();

这里我明白foo通过词法作用域链找到上一级全局 a=2
问题在下面

function foo(a) {
    console.log( a ); // 3（不是2！）
}

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

var a = 2;

bar();

为什么一旦传参给foo,答案就变3了?难道因为参数的值通过动态作用域查找么?
JS不是没有动态作用域么?是什么原理?

Answer 1

https://leohxj.gitbooks.io/fr...

进入执行上下文时，VO的初始化过程具体如下：

• 函数的形参（当进入函数执行上下文时） 变量对象的一个属性，其属性名就是形参的名字，其值就是实参的值；对于没有传递的参数，其值为undefined
• 函数声明（FunctionDeclaration, FD） 变量对象的一个属性，其属性名和值都是函数对象创建出来的；如果变量对象已经包含了相同名字的属性，则替换它的值
• 变量声明（var，VariableDeclaration） 变量对象的一个属性，其属性名即为变量名，其值为undefined;如果变量名和已经声明的函数名或者函数的参数名相同，则不会影响已经存在的属性。

Answer 2

有传入的参数，当然优先使用这个参数，就好比你说的第二段代码的 a 。

你把第一个拿开，单独看第二个看看是不是秒懂，第一个理解后，你还停留在那个奇怪的思路阶段。

词法作用域是静态作用域，在代码编译前就已经确定了。而另一个经常搞混的 this 指向问题，this 作用域是动态作用域，是在运行中才能确定 this 指向。

Answer 3

这不就是单纯的传参么？你调用了 foo 把 3传过去了啊，所以那边就收到3了。什么动态作用域？