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

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

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

总体而言还是比较简单的