一道变态的关于作用域的探究问题

    var x = 1
    function foo(x = 11, y = function () { x = 2 }) {
      console.log(x)  //打印的()的形参 x 因为默认值为11 所以打印11
      y()  //y函数执行 修改的是 foo 括号里面形参的值
      console.log(x)   //由于()中的x 被y函数修改 所以 x值变为2
      x = 3
      console.log(x)
    }
    foo()
    console.log(x)

    var x1 = 1
    function foo1(x1 = 11, y1 = function () { x1 = 2 }) {
      console.log(x1) //此时的x 赋值来自()  => 推测 先是由{}内声明 ()内声明忽略 ()赋值
      y1() //修改了()内的 x  不对 {} 的x 产生影响
      console.log(x1)  //打印的 {}的x 依然是来自于 () 的第一次赋值的值 11
      var x1 = 3  //  函数参数声明的x 跟在函数内声明的x 不是一个x  () 和 {} 具有不同的作用域
      console.log(x1)
    }
    foo1()
    console.log(x1)

区别在于第二次,函数内的x1,有在函数内部进行声明,而第一次没有进行声明
函数参数的声明介于let与var特性之间
如果给了参数,再用let 重复声明会报错=> 次特性像let的块级作用域,不可以重复声明
但是使用var重复声明又不会报错 => 次特性像var声明不具有块级作用域,可以重复声明

posted @ 2024-04-15 09:59  story.Write(z)  阅读(16)  评论(0)    收藏  举报