javascript - ES6中函数参数默认值为函数的问题？

Question

我对函数参数默认值为函数的情况有许多困惑
比如

let foo = 'outer';

function bar(func = x => foo) {
  let foo = 'inner';
  console.log(func()); 
}

bar(); //outer

根据阮一峰的es6入门，我知道函数参数是默认值的话，会先有个块级作用域包裹参数，初始化结束后块级作用域消失

一旦设置了参数的默认值，函数进行声明初始化时，参数会形成一个单独的作用域（context）。等到初始化结束，这个作用域就会消失。这种语法行为，在不设置参数默认值时，是不会出现的。

如果默认值是普通变量我能理解，但还是不懂为什么这里输出的是outer而不是inner

Answer 1

一句话：函数的闭包在定义时形成，而非运行时。

Answer 2

把语法糖彻底展开，应该能看清楚点

let foo = 'outer';

function fk_compiler() {
  return foo;
}

function bar(func) {
  if (func === undefined) {
    func = fk_compiler;
  }
  let foo = 'inner';
  console.log(func());
}

bar();

你看，fk_compiler里是不是只能返回外部作用域下的foo？

Answer 3

js是词法作用域，foo值取函数定义时的值而不是执行时的值。

Answer 4

基于回复者的代码：

let foo = 'outer';

function fk_compiler() {
  return foo;
}

function bar(func) {
  if (func === undefined) {
    func = fk_compiler;
  }
  let foo = 'inner';
  console.log(func());
}

bar();

js采取的是词法作用域，所以，无论函数在哪里被调用，或者以任何形式被调用，其词法作用域只由其被声明时的位置决定。

fk_compiler被声明的作用域在全局，所以，它会去访问全局作用域中的foo。答案也就出来了。

类似代码：

function foo(){
  console.log(this.a);
}
(function init(){
  var a = 'inner';//此处改为 window.a = 'global';再试试
  foo();
})();