ES6入门函数篇(一)之函数形参的默认值

一、在ECMAScript5中模拟默认参数

JavaScript函数有一个特别的地方,无论在函数定义中声明了多少参数,都可以传入任意数量的参数,也可以在函数定义时添加针对参数数量的处理逻辑,当已定义的形参无对应的传入参数时,为其指定一个默认值。

在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。

function makeRequest(url,timeout,callback){
   
    timeout = timeout||2000;
    callback = callback||function(){
   };

    //函数的其余部分
}

在这个例子中,timeoutcallback为可选参数,如果不传入相应的参数,系统就会自己给他们赋一个默认值。在含有逻辑或者操作符的表达式中,前一个操作符的值为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
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值