ES5中,没有提供直接在函数的参数列表中指定参数默认值的语法,要想为函数参数指定默认值,只能通过下面的模式来实现。
function makeRedirect(url,timeout)
{
url = url || "home",
timeout = timeout || 2000;
// 函数的其余部分
}
这个示例中,url和timeout是可选参数,如果不传入对应的参数值,它们也将被赋予一个默认值。但是这种模式设置函数的默认值有个缺陷,如果形参timeout传入值0,即使这个值是合法的,也会被视为一个假值,并最终将timeout设置为2000;
ES6中,简化了为形参提供默认值的过程,可以直接在参数列表中为形参指定默认值。代码如下所示:
function makeRedirect(url = '/home',timeout = 2000){
//函数的其余部分
}
如果调用makeRedirect(),则使用参数url和timeout的默认值;如果调用makeRedirect("/login"),则使用参数timeout的默认值;如果调用makeRedirect()时传入两个参数,则不使用默认值。
此外,与Java、C++等语言要求具有默认值的参数只能在函数参数列表的最右边不用,在ES6中声明函数,可以为任意参数指定默认值,在已指定默认值的参数后还可以继续声明无默认值的参数。代码如下所示:
function makeRedirect(url = "/home", timeout = 2000, callback){
// 函数的其余部分
}
在这种情况下,只有在没有为url和timeout传值,或者主动为它们传入undefined时,才会使用它们的默认值。
// 使用url和timeout的默认值
makeRedirect();
// 使用url和timeout的默认值
makeRedirect(undefined,undefined,function(){});
// 使用timeout的默认值
makeRedirect("/login");
// 不使用timeout的默认值
makeRedirect("/login",null,function(){});
为一个具有默认值的参数传值null是合法的,所以,最后一次调用makeRedirect()时,将不会使用timeout的默认值,其值最终为null。