javascript - 关于es6的函数默认参数

Question

    let x = 1;
    // default parameter
    function printY(y = x) {
        let x = 2;
        console.log(y);
    }
    printY(); // 打印出1
    
    function printY2(y) {
        y = x;
        let x = 2;
        console.log(y);
    }

请教一下，上面printY函数为什么会打印出全局变量x = 1的值（在node运行的）？为什么给y的默认值是全局变量x？

给参数y赋默认值，与printY2方法有什么区别？

诚心求解释一下，有点迷糊 ~~~

Answer 1

是这样的，在形如：

function f(x = expression) {
    ...
}

的函数声明中，expression中出现的变量是存在于外部作用域的(虽然它和等号左边的x一样是在函数定义的括号里)，所以你问题中的x是全局作用域中的。

第二个会报错，因为let定义的变量不允许提前使用。当然，为了不让它报错，我们把let换成var。此时printY2与参数默认值有什么区别呢？当然不一样。默认值是在没有传参的时候给赋的值；而prinY2呢，不管有没有传参，y都被赋值成了x。

所以，如果要等价的话，也要这么写：

function printY2(y) {
    if(y === undefined) {
        y = x;
    }
    ...
}

Answer 2

"use strict";

var x = 1;
// default parameter
function printY() {
    var y = arguments.length <= 0 || arguments[0] === undefined ? x : arguments[0];
    return function () {
        var x = 2;
        console.log(y);
    }();
}
printY(); // 打印出1

function printY2(y) {
    y = x;
    var x = 2;
    console.log(y);
}

Answer 3

printY输出全局x的值，是因为在默认参数赋值的时候（y=x的时候），还并未执行函数内部的x = 2，且，y=x是在函数定义的时候执行的(函数定义的时候，x = 1)。而下面的printY2打印出的应该是undefined，因为其y的赋值在 函数执行时，这就是与printY的不同。且，因为有变量声明提升，所以y=x时，x的值还是undefined。变量声明提升可以详细百度一下。