位置: 编程技术 - 正文

探讨JavaScript中的Rest参数和参数默认值(javascriptcsdn)

编辑:rootadmin

推荐整理分享探讨JavaScript中的Rest参数和参数默认值(javascriptcsdn),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:简要说明javascript的作用,javascript的理解,简述javascript,javascript的理解,javascript definitive guide,细说javascript,javascript definitive guide,简述javascript,内容如对您有帮助,希望把文章链接给更多的朋友!

Rest 参数

通常,我们需要创建一个可变参数的函数,可变参数是指函数可以接受任意数量的参数。例如,String.prototype.concat 可以接受任何数量的字符串作为参数。使用 Rest 参数,ES6 为我们提供一种新的方式来创建可变参数的函数。

我们来实现一个示例函数 containsAll,用于检查一个字符串中是否包含某些子字符串。例如,containsAll("banana", "b", "nan") 将返回true,containsAll("banana", "c", "nan") 将返回 false。

下面是传统的实现方式

该实现用到了 arguments 对象,该对象是一个类数组对象,包含函数被调用时的实参列表。这段代码正是我们想要的,但其可读性却不是最优的。函数只有一个形参 haystack,所以不可能一看就知道该函数需要多个参数,并且在遍历 arguments 时,需要特别注意遍历的开始索引为1 ,而不是常见的 0,因为 arguments[0] 就是函数定义时的形参 haystack。如果我们想在 haystack 参数之前或之后添加一些参数,我们不得不更新内部的循环。Rest 参数解决了这些问题,下面是使用 Rest 参数的实现方式:

以上两个实现都满足了我们的需求,但后者包含一个特殊的 ...needles 语法。我们来看看调用containsAll("banana", "b", "nan") 时的细节,参数 haystack 和以往一样,将用函数的第一个实参填充,值为 "banana",needles 前面的省略号表示它是一个 Rest 参数,剩余的所有实参将被放入一个数组中,并将该数组赋给 needles 遍量。在这个调用中,needles 的值为 ["b", "nan"]。然后,就是正常的函数执行了。

只能将函数的最后一个函数作为 Rest 参数,在函数被调用时,Rest 参数之前的参数都将被正常填充,之外的参数将被放入一个数组中,并将该数组作为 Rest 参数的值,如果没有更多的参数,那么 Rest 参数的值为一个空数组 [],Rest 参数的值永远都不会是 undefined。

参数的默认值

通常,调用一个函数时,不需要调用者传递所有可能的参数,那些没有传递的参数都需要一个合理的默认值。JavaScript 对那些没有传递的参数都有一个固定的默认值 undefined。在 ES6 中,引入了一种新方法来指定任意参数的默认值。

看下面例子:

在每个参数的 = 后面是一个表达式,指定了参数未传递时的默认值。所以,animalSentence() 返回 "Lions and tigers and bears! Oh my!", animalSentence("elephants") 返回"Lions and elephants and bears! Oh my!", animalSentence("elephants", "whales") 返回 "Lions and elephants and whales! Oh my!"。

参数默认值需要注意的几个细节:

探讨JavaScript中的Rest参数和参数默认值(javascriptcsdn)

与 Python 不一样的是,参数默认值的表达式是在函数调用时从左到右计算的,这意味着表达式可以使用前面已经被填充的参数。例如,我们可以将上面的函数变得更有趣一点:

那么,animalSentenceFancy("bears") 将返回 "Lions and bears and sealions. Oh my!"。

传递 undefined 等同于没有传递该参数。因此,animalSentence(undefined, "unicorns") 将返回 "Lions and tigers and unicorns! Oh my!"。

如果没有为一个参数指定默认值,那么该参数的默认值为 undefined,所以

等同于

抛弃 arguments

通过 Rest 参数和参数的默认值,我们可以完全抛弃 arguments 对象,使我们的代码可读性更高。此外,arguments 对象也加深了优化 JavaScript 的难题。

希望以上两个新特性可以完全取代 arguments。作为第一步,在使用 Rest 参数或参数的默认值时,请避免使用 arguments 对象,假如 arguments 对象还不会立即被移除,或者永远不会,那么也最好是避免在使用 Rest 参数或参数默认值时使用 arguments 对象。

兼容性

Firefox 以上的版本已经支持这两个新特性。然而,除此之外,还没有其他任何浏览器支持。最近,V8 的实验环境添加了对 Rest 参数的支持,而参数默认值还有一个 issue,JSC 也对 Rest 参数和参数默认值提了一些 issue。

Babel 和 Traceur 这两个编译器都已经支持了参数默认值,所以你可以大胆使用。

结论

尽管从技术层面上看,这两个新特性在并没有给函数引入新的行为,但它们可以使一些函数的声明更具表现力和可读性。

标签: javascriptcsdn

本文链接地址:https://www.jiuchutong.com/biancheng/377581.html 转载请保留说明!

上一篇:JavaScript中的cacheStorage使用详解(JavaScript中的方法名不区分大小写)

下一篇:浅谈JavaScript的Polymer框架中的事件绑定(javascript的prompt)

  • 注会其他专业可以考吗
  • 计算消费税时运费计入计税依据么
  • 取得增值税专用发票要算税吗
  • 私营独资企业可以变更法人吗
  • 床位周转率计算公式
  • 施工企业确认收入的方法有哪两种
  • 外购商品计入
  • 生产成本福利费用汇算清缴嘛
  • 支付的水电费属于什么会计科目
  • 公司向员工借款合法吗
  • 银行不可税前抵扣的情形
  • 代缴代扣增值税
  • 南方建筑主编
  • 关于小规模纳税人的说法错误的有
  • 不动产有法律效力吗
  • 税务核定利润的标准
  • 发票开了款没付
  • 物业公司收的电梯费如何做账
  • 采购审计要点
  • 清产核资的步骤
  • 个人转让股权的合理费用都有哪些
  • 多交增值税如何做账
  • 来料加工原材料计入什么科目
  • 如何设置自动登录账号
  • 加工费的会计处理
  • 平板电脑的windows更新有必要吗
  • 购买销售商品
  • 定期支票丢了能取钱吗
  • 收入支出如何结转
  • php strtr
  • php的序列化操作生成的哪种格式
  • 房产税为什么会退税
  • php 常用算法
  • 软件企业享受增值服务
  • 前端微信小程序支付功能怎么实现
  • 毕业论文笔记怎么写
  • 检测命令
  • 结转成本费用的会计分录是什么?
  • 固定资产原值怎么确定
  • 港口公司属于什么性质的单位
  • 税金及附加也是费用吗
  • 预付工程款如何结算
  • 食堂支出无发票
  • MySQL数据库介绍
  • 机动车销售统一专票怎么做账
  • 广告赞助支出能抵扣吗
  • 银行承兑汇票背书转让会计分录
  • 资产减值损失借贷方向
  • 支付原材料款项会计科目
  • 营改增后,建筑行业与供应商签合同才怎样签没风险?
  • 公司给员工租的宿舍如何做分录
  • 出售无形资产净损失
  • 固定资产卡片项目的数据类型包括
  • 制造费用会计科目
  • 增值税发票抵扣多少个点
  • 购买的办公用品需要入库出库吗
  • 园林土方施工有哪些分项工程
  • 会计一般采用什么科目
  • mysql error0
  • mysql 全量备份
  • 安装fedora进入不到安装界面
  • osx10.11.6版本如何
  • win7集成补丁教程
  • 如何用u盘安装win8操作系统
  • unity进阶之路
  • javascript动画教程
  • ExtJS下 Ext.Direct加载和提交过程排错小结
  • 微软早在1985年便首次使用了安卓上饱受争议的汉堡按钮
  • 不使用jsp
  • Unable to execute dex: Multiple dex files define 解决方法
  • unity3D利用W,A,S,D让物体移动
  • 使用vs code开发Django
  • js制作网页制作步骤
  • jquery表单事件实例
  • js操作对象的方法
  • 许昌市民之家有餐厅吗在几楼
  • 税务异地协查系统管理办法
  • 宣城市有什么好玩的景区
  • 依法行政的观念
  • 国税税票在哪里打印
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设