javascript - 函数作用域的问题

Question

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

foo() // 2

var x = 1;

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

foo() // 3

如上第二段代码中，我的理解是，函数foo申明时参数中先申明一次x赋值为undefined,函数y申明，函数y的作用域链指向foo的作用域。然后x被var再次创建同时覆盖形参中的x。
在函数执行时，由于y中的作用域指向foo，所以其实是将foo中的x改变为2,那么第二次打印出来的也应该是2才对。
这么理解错在哪里？

Answer 1

类似的问题

规范

Answer 2

1. log的x不是全局的 X(忽略了参数中的x)

2. log的x是foo 局部变量

我的理解是函数体中均生成一个名为x, y的形参, 因为没传值, 所以都为空或默认值,
2中var x, 又生成一个名为x的变量, 所以下面log的为就近原则.
1中的x为第一次赋值的结果, 调用y(),为y作用域下的var x; x = 2;,然后并没有return 或者其他操作改变foo作用域下的x

Answer 3

第二段代码中y函数在执行的时候回开辟一个新栈，执行流进入匿名函数function(){x=2;}的上下文，这个上下文执行完后，会把全局作用域中x的值改为2，执行流回到foo函数中，在打印x时，是打印的当前上下文中的x，即x=3

Answer 4

看到没,你调试下追踪下变量x变化应该能看明白了。

Answer 5

不知道你是不是从这里看的，解释的已经很清楚了。