位置: 编程技术 - 正文

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分段上传)

  • 委托加工物资的成本包括哪些内容
  • 商贸流通企业出口退税的会计处理怎么做
  • 简易征收怎样计提增值税
  • 子公司向母公司借款利息税务处理
  • 一般计税预缴增值税3%怎么办
  • 增值税发票认证平台
  • 财务负责人和法人可以是夫妻吗
  • 管道燃气工程设计方案
  • 劳务派遣员工工伤用工单位承担责任吗
  • 主营业务成本包括职工薪酬吗
  • 注册公司工贸和商贸哪个更好一些
  • 发票二维码只有一半可以收吗
  • 小企业长期股权投资的核算
  • 非破产清算会计案例
  • 增资导致丧失控制权
  • 固定资产成本包括包装费吗
  • 客户未付关税是否可以申请晚交
  • 怎么核算金融企业收入
  • 车贷抵押金计入会计科目?
  • 床位周转率计算公式
  • 购买电视机产生的费用
  • 企业采购一般应包括什么
  • 设备安装增值税适用税率
  • 简易征收税额航天信息服务费可以抵扣吗?
  • 个人所得税期末为负数审计调整
  • 税控盘抵扣联附在哪里
  • 有进项没有销项可以零申报吗
  • 企业所得税核定征收怎么计算
  • 专用发票丢失如何报销
  • 政府减免税款如何做账
  • 公务费和业务费怎么算
  • 哪些费用可以税前扣除
  • 盈余公积转增实收资本要交税吗
  • PHP:xml_parser_set_option()的用法_XML解析器函数
  • 最早的手机是哪一年
  • 会计不忙
  • 如何使用nodejs
  • 私企股权转让程序
  • 什么是大语言模型(LLM)?
  • 协会会费怎么使用
  • 附加税多交了怎么办理退税
  • java cookie
  • wordpress最新版本
  • php正则匹配网址
  • 公司购买办公用品会计分录
  • 小规模公司卖车怎么开票
  • 代开发票是否代征城建税和教育费附加?
  • 增值税普票遗失可否用复印件入账
  • Python打开文件的代码
  • 进项发票入账但没有发票
  • 去年暂估费用,今年收到发票怎么处理
  • 支付国外客户佣金违法吗
  • 其他应付为负数什么意思
  • 单位代扣代缴个人所得税凭证
  • 变更印鉴单位公函格式
  • 企业银行贷款保证金多少
  • 本月多交的增值税
  • 应付股利计提了长期不支付
  • 库存商品的成本计算
  • 社会医疗保险机构名词解释汇总
  • mysql优化技巧实战
  • sql语句大全实例教程.pdf
  • wind2000
  • debian 安装
  • xp系统1
  • mac怎样修改用户名
  • mac win10 wifi
  • win7手动更新在哪里设置
  • win10的用户
  • 使用cp命令时以下说法错误的是
  • bootstrap 组件库
  • win sc
  • xcopy复制并改名
  • Javascript new Date().valueOf()的作用与时间戳由来详解
  • linux rsync命令详解
  • unity3d有什么用
  • package.json里面的配置
  • 开票资料?
  • 新疆国税局电子税务局
  • 地税全国联网了吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设