js输出值问题

Question

    var z = 10;

    function foo(){

      console.log(z)

    }

    (function (fn){

      var z = 20;

      fn();

    })(foo)

为啥输出的是10?

Answer 1

fn 函数需要查找变量 z，由于JavaScript 采用词法作用域，fn 函数被解析的时候是在全局作用域，所以 z 是全局作用域中的 10，而非 IIFE 里面的 z。