JS 预解析问题

Question

    var z = 10; //预解析声明  var
    function foo(){ // 通过预解析机制 并定义 
            console.log(z);
    }

    (function(funArg){  //自执行函数：定义和执行一起完成
            console.log(funArg)
            var z = 20;
            funArg();
    })(foo);
    
    一直不了解为什么会输出是  10  。
    请各位大神解答一下。

Answer 1

1. 函数的参数是 按值传递 的，但是，传递引用类型的参数，即使是按值传参，名参（funArg）也会按引用来访问同一个对象（foo函数对象）。
2. JavaScript采取的是 静态作用域（词法作用域），即在书写代码或者说定义时确定的作用域。