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

问题描述

问 题

    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方法有什么区别？

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

解决方案

是这样的，在形如：

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

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

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

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

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

这篇关于javascript - 关于es6的函数默认参数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！