您的位置:首页技术文章
文章详情页

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

【字号: 日期:2023-02-08 11:12:41浏览:48作者:猪猪

问题描述

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

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

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

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

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

问题解答

回答1:

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

回答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?

回答3:

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

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

标签: JavaScript
相关文章: