es6 函数参数作用域

函数的参数会形成一个单独的作用域

//因为函数参数形成一个单独作用域，所以foo的参数x和匿名函数中的x是处于同一个作用域中。foo函数内部使用的x就是参数x，给x赋值为3，但是后边接着执行y(),修改x=2，所以最后输出2
var x = 1;
function foo(x, y = function() { x = 2; }) {
  x = 3;
  y();
  console.log(x);
}

foo(); // 2


//下面例子中有3个作用域的x,
var x = 1;  //全局
function foo1(x, y = function() { x = 2; }) {  //x是匿名函数的局部变量
  var x = 3;  //函数foo1的局部变量
  y();
  console.log(x);
}

foo1(); // 3



//本例子充分说明匿名函数内的x不能访问函数foo1函数内的局部变量x
var x = 1;
function foo1(x, y = function() { console.log(x); }) {
  var x = 3;
  y();
  console.log(x);
}

foo1(); // undefined 3

但是一定要注意，上面第三个例子中，在函数内部重复声明参数，如果换成let来声明是不对的。