首页 > 关于es6的函数默认参数

关于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方法有什么区别?

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


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


"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);
}

是这样的,在形如:

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

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

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

所以,如果要等价的话,也要这么写:

function printY2(y) {
    if(y === undefined) {
        y = x;
    }
    ...
}
【热门文章】
【热门文章】