一、在ECMAScript5中模拟默认参数
JavaScript函数有一个特别的地方,无论在函数定义中声明了多少参数,都可以传入任意数量的参数,也可以在函数定义时添加针对参数数量的处理逻辑,当已定义的形参无对应的传入参数时,为其指定一个默认值。
在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。
function makeRequest(url,timeout,callback){
timeout = timeout||2000;
callback = callback||function(){
};
//函数的其余部分
}
在这个例子中,timeout
和callback
为可选参数,如果不传入相应的参数,系统就会自己给他们赋一个默认值。在含有逻辑或者操作符的表达式中,前一个操作符的值为false时,总会返回后一个值。对于函数的命名参数,如果不显式传值,则其值默认为undefined。因此我们经常用逻辑或者操作符来为缺失的参数提供默认值。然而这个方法是有缺陷的,如果我们想给makeRequest函数的第二个形参timeout
传入值0,即使这个值是合法的,也会被视为一个false值,并最终将timeout
赋值为2000.
我们可以采取更安全的选择,即通过typeof
检查参数类型,如下例所示:
function makeRequest(url,timeout,callback){
timeout = (typeof timeout !== "undefined")? timeout :2000;
callback = (typeof callback !== "undefined")?callback :function(){
};
//函数的其余部分
}
尽管这种方法更安全,但是需要额外的代码来执行这种非常基础的操作,这是一种常见的用法,在流行的JavaScript库中很多都采用了这种写法来进行模式补全。
二、在ECMAScript 6中的默认参数值
ECMAScript6简化了为形参提供默认值的过程,如果没为参数传入值则为其提供一个初始值。
如:
function makeRequest