函数设置参数默认值的问题

Question

var x = 1; function foo(x,y=function(){x=2;}){    var x = 3;    y();    console.log(x); }foo();这段代码出现在阮一峰老师写的es6那本书，最后输出3，文字说明说y中的x和var x = 3;的x不是同一个x，这儿有点不理解。然后把var x= 3 的var去掉，就能输出2，更不理解了。。。希望能有解答

Answer 1

这里其实是涉及到 ES6 默认参数引入的一个中间作用域。这个问题当初阮一峰也弄错过，当然这里是正确的。

中间作用域的目的就是防止默认参数被函数里面的变量污染。默认参数本意是为了让参数有默认值，假如函数内部的变量还能提升上来，那么默认参数就没意义了。具体的解释和例子可以看文章。

所以看回问题，

var x = 1; 

function foo (x2, y = function () { x = 2; }) {

    var x = 3;

    y();

    console.log(x); 

}

foo();

这里有三个作用域，把 x 由外到里标记出来就是：

var x1 = 1; 

function foo (x2, y = function () { x2 = 2; console.log(x2); }) {

    var x3 = 3;

    y();

    console.log(x3); 

}

foo();

console.log(x1);

假如没有了参数的 x，那么标记出来就是：

var x1 = 1; 

function foo (y = function () { x1 = 2; console.log(x1); }) {

    var x2 = 3;

    y();

    console.log(x2); 

}

foo();

console.log(x1);