[面试题] 函数默认参数作用域

今天看到了一道很有意思的面试题,在听完老师的讲解后,我决定也和大家讲讲这道题

var x = 0 function foo(x, y = function() { x = 3; console.log(x) }) {   console.log(x)   var x = 2   y()   console.log(x) } foo() console.log(x) 

大家可以想想这道题的答案是什么?

???好 时间到

接下来我来讲讲这道题

要想做对这道题 我们得先知道一个概念

函数中的参数如果有默认值的情况下,那么他是会形成一个参数作用域的

或许有小伙伴会不相信,为啥你说会形成作用域就形成作用域呢?

那么 我们来看下官方ecma给出的解释是什么?

小伙伴们,可以仔细读一读这一段话.我简单翻译一下

如果函数的形参不包含任何默认的值,那么函数作用域将会与参数共享一个作用域

如果默认参数存在的话,那么会形成一个参数作用域

好滴 我们现在分析下

var x = 0;  //函数有默认值的时候 会形成一个参数作用域 function foo(x, y = function () { x = 3; console.log(x) }) {     //第一个输出的时候 会先去寻找函数内部作用域有没有x的声明     //小伙伴可能会有疑惑,这个var申明的不是会有变量提升嘛?     //我来解释一下 如果有默认值的话 x会先去参数作用域寻找     //显然 在这个之前是没有声明的 所以会去函数寻找默认值形成的参数作用域     //这时候 x的值是 undefined     console.log(x);     var x = 2;     //执行y 这时候的y函数内的值是去寻找参数作用域内的x     //给参数作用域内的x 赋值为3 所以输出为3     y();     //最后这个输出x 在函数内的作用域寻找     //找到了var x=2 这个声明     //所以输出2     console.log(x); }  foo(); // 这个输出x是去寻找全局的x //这时候的全局x=0 输出为0 console.log(x); 

好 我们现在已经分析完了 大家可以仔细看看

总体而言还是比较简单的