位置: 编程技术 - 正文

ES6中非常实用的新特性介绍(es6新方法有哪些)

编辑:rootadmin

推荐整理分享ES6中非常实用的新特性介绍(es6新方法有哪些),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:常用的es6的功能,常用的es6的功能,常用的es6的功能,es6从入门到实战,es6新方法有哪些,es6常用方法,es6常用方法,es6新方法有哪些,内容如对您有帮助,希望把文章链接给更多的朋友!

ECMAScript 6离我们越来越近了,作为它最重要的方言,Javascript也即将迎来语法上的重大变革,InfoQ特开设“深入浅出ES6”专栏,来看一下ES6将给我们带来哪些新内容。

写在前面

ES6 已经提交给 Ecma 大会审查了,也就是说,我们将迎来一大波 javascript 的最新标准,还有一些语法糖。ES6 中有很多值得我们关注的东西,下面是我发现的一些我们最常用的一些新特性,进行记录一下。

1. for-of循环

这个东西用来循环数组很爽,原因呢,是因为它弥补了目前 es5 中循环数组的一切缺陷。

比如 for-in,它会遍历数组对象的附加属性,而不仅仅是遍历数组值。还有一点是,for-in 中的索引是 string 类型的,这一点尤其重要。

当然我们还有 forEach() 函数,它也有问题,比如你不能在里面 break return 之类的:

这样看起来要比 for-in 简便很多。但就像上面说的一样,它有也有不足的地方。那么我们来试试 for-of 吧:

可以看到:

当使用 for-of 的时候,循环的是数组内部的元素且不会出现 for-in 中将附加属性也遍历的情况,其次,循环变量的类型和其在数组中的类型保持一致,而不是全部是 string 的情况。

ES6中非常实用的新特性介绍(es6新方法有哪些)

就这两点就值得我们选择 for-of 而不是 forEach() 或 for-in 当然,现在还有些浏览器不支持。不过以上代码可以在最新版本的 FireFox 执行成功并得到预期结果。当然 for-of 并不是只在数组上使用,你可以用在任何类数组类型的对象上,比如 DOM NodeList, 字符串 等。

2. 模版字符串

这个东西也非常好玩,用在字符串拼接的地方。从名称上我们就知道是干啥的了。在前端开发过程中难免会遇到要动态拼接字符串的情况(动态dom生成,数据格式化)等:

注意,被当作模版的字符串使用 ` 号包裹的。其中 $(paramenter) 是占位符,而且支持对象,eg:$(obj.name) 这种形式。与普通字符串相比模版字符串可以写成多行而不需要用 + 连接:

值得注意的是,模版字符串不会转义特殊字符,因此需要自己处理其中的安全隐患。模版字符串并不能够代替模版框架,原因是模版字符串没有内置的循环语法和条件语句。因此,对于常规的普通的字符串拼接,我们可以使用它来完成,会让你的代码看起来更酷一点。PS(除此之外,我觉得它并没有什么卵用。ψ(?_?))

这里有更详细的介绍来解决上面说道的没有内置循环和判断分支的问题:

es6-模版字符串-mozilla

3. 默认参数(Defaults parameters)

这个有点意思,是这样的,我们都知道 js 函数是不需要给函数参数设置默认值的,比如如下代码会报错:

这也就意味着,我们的参数不能给默认值,如果需要给参数默认值就需要在函数内部判断其是否为 undefined 的方式来处理。然而在 ES6 中呢,我们可以给参数设置默认值,而不用在函数内部去判断后赋默认值,不但可以赋值默认值,还可以使用运算表达式,如下:

这种方式在编写代码时非常的简便,和动态语言一样,比如 c# 中。这样既直观,又方便。所以用起来还是很不错的。还一个剩余参数(Rest parameters),笔者没发现有什么特别的用处,因此就不写啦,感兴趣的可以去看看

默认参数和剩余参数-mozilla

ES6 中还有很多新特性和语法。感兴趣的可以看一下 mozilla 团队的博客,里面有很详细的介绍,而且是系列文章。

mozilla-ES6-系列介绍

好了,

标签: es6新方法有哪些

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

上一篇:ES6的新特性概览(es6十大特性)

下一篇:JavaScript File分段上传(js分段上传)

  • 一般纳税人附加税优惠政策2023
  • 公司购入烟酒会计处理
  • 养猪场死猪处理方法
  • 公允价值下降属于资产吗
  • 如何确定一个企业在网络营销中的目标受众?
  • 事业单位资产划转流程
  • 当月有进项无销项月末怎么处理
  • 居民企业参股外国企业信息报告表怎么删除
  • 季度所得税从业人员怎么填
  • 增值税进项税转出文件
  • 盘盈固定资产属于企业的会计差错
  • 企业债务重组损失的所得税前扣除
  • 利息费用需要取消吗
  • 冲销无形资产如何会计分录?
  • 零报税报表怎么下载
  • 纳税人识别码是啥
  • 地税逾期申报怎么处理
  • 税务登记时要财务确认吗
  • 增值税抵扣联退税多少
  • 预付的费用没有还没有收到发票
  • 长期股权投资采用成本法核算,被投资单位实现的净利润
  • 外籍人士可以回国吗
  • 进口货物的企业有哪些
  • 专用发票红字发票
  • 冲减预付款
  • 水星mw300re说明书
  • 代办税务需要什么资质
  • 企业将自有房产全部租出去房产税如何征收
  • 接受捐赠的固定资产可以入账依据是哪些?
  • 纳税申报方式的税务申报工作常规流程图
  • laravel创建项目
  • 外贸企业收到红字发票
  • thinkphp框架作用
  • echarts怎么样
  • 鹅卵石镇宅
  • 购物车html模板
  • 阿里规则官方头条
  • 商业流通企业
  • 电子票开票人复核人一样有影响吗
  • 上个月的票这个月作废后报增值税需不需要交费?
  • 如何查询去年企业所得税
  • 固定资产科目的期末余额,反映固定资产的原价
  • 一般纳税人申报表电子版
  • 房产税从租和从价哪个税金高
  • SqlServer 2005 T-SQL Query 学习笔记(2)
  • mysql出现的问题
  • 高新技术企业认定中介机构
  • 所得税季初季末怎么填
  • 补计提所得税怎么做分录
  • 政府补助收入是指
  • 本年利润是不是未分配利润
  • 土地成本如何分摊
  • 费用本期发生额怎么算
  • 无形资产摊销的会计科目怎么录
  • 预收货款转营业外收入
  • 有会计从业资格证还有用吗
  • 企业应如何正确经营
  • 财政返还什么意思
  • sqlserver排序规则怎么看
  • Win7x64下Mysql5.7.18解压版的安装方法
  • dockers容器
  • window如何还原系统
  • 如何使用U盘装机
  • 果粉必修课 盘点Mac OS X系统发展史
  • windows安装mq
  • win7系统迁移到另一磁盘
  • 12个超实用的JQuery代码片段
  • unity自带的代码编辑器
  • emacs win10
  • python遍历列表判断相同元素
  • angular创建service
  • 第一个javascript程序
  • javascript函数
  • 住房货币化什么意思
  • 高速公路过路费一公里多少钱
  • 浙江网上税务局app下载
  • 房产税季度缴纳还是月度
  • 纳税申报2020年2月
  • 消费税征税环节
  • 福建省泉州市石狮市新服装城
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设