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

问题描述

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

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

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

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

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

问题解答

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

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

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？

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

基于回复者的代码：

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();})();