JS 预解析问题

Question

    var z = 10; //预解析声明  var

    function foo(){ // 通过预解析机制 并定义 

            console.log(z);

    }

    (function(funArg){  //自执行函数：定义和执行一起完成

            console.log(funArg)

            var z = 20;

            funArg();

    })(foo);

    

    一直不了解为什么会输出是  10  。

    请各位大神解答一下。

Answer 1

词法作用域啊，foo在定义的时候，已经关联到外层变量z=10，所以无论如何，当你调用foo时，都只会获取外层那个值为10的z，在其他地方定义的z都不会影响到foo