js函数参数和函数体内的再次声明不一样，原因是啥？

Question

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

foo() // 3

函数参数x，和var x中的x说是不一样，谁帮忙解释一下，原因或者是原理？（代码是es6写法）

以下是原出处，阮一峰的es6教程

Answer 1