js--es2019新特性

  • desc
  • table
  • try catch
  • Symbol.prototype.description
  • Object.entries
  • Object.fromEntries
  • trimStart/trimLeft / trimEnd/trimRight
  • flat/flatMap

  • 微信扫码关注公众号 :前端前端大前端,追求更精致的阅读体验 ,一起来学习啊
  • 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程

  • 学习资源推荐

desc

es2019也称es10,新加入了一些好用的方法,下面逐一介绍下.由于是新特性,很多浏览器还不支持,请使用高版本主流浏览器进行测试,如谷歌浏览器.其实还有其他的特性,这里只提了一下相对常用的。

table

方法 作用 备注
try catch 错误处理 catch省略参数
Symbol.prototype.description 获取 Symbol 类型数据的描述信息(description) 较少使用
Object.fromEntries 对象转数组
Object.entries 数组转对象
String.prototype.trimStart(trimLeft) 去除首空格 trimLeft是trimStart别名
String.prototype.trimEnd(trimRight) 去除尾空格 trimRight是trimEnd别名
Array.prototype.flat 数组扁平化
Array.prototype.flatMap 数组扁平化

try catch

以前try catch这样

try {// do something
} catch (err){console.log(err)
}

现在的try catch可以这样

try {// do something
} catch{//  do something  when error
}

使用场景

  • 对具体错误信息并不关心,反正走到这里就是出问题了,可概述为程序异常
  • 具体情况具体分析,es2019只是将catch的参数变成了可选

Symbol.prototype.description

example

console.log(Symbol("冷月心").description)

Object.entries

Object.fromEntries

  • 两者相互转化用,且数组结构还可以是一个Map

trimStart/trimLeft / trimEnd/trimRight

  • 长度也会随之改变

flat/flatMap

  • 如果多层次嵌套,可传参infinify

  • MDN 的例子

js--es2019新特性相关推荐

  1. js es10 新特性

    原文链接: js es10 新特性 上一篇: python acm 坐标移动 正则表达式 下一篇: python opencv 交叉淡化 原文 ES10 功能完全指南 在过去的整数值大于9007199 ...

  2. 干货! 快速上手typescript的学习笔记 (对比JS的新特性,环境搭建,webpack配置,ts编译配置)

    前提需要有js的基础 文章目录 TypeScript 产生背景 什么是TypeScript? TypeScript增加了什么 TypeScript开发环境搭建 基本类型 编译文件配置 tsconfig ...

  3. ES2019新特性你知道哪些?

    编者按:本文译者奇舞团前端开发工程师刘冰晶. 随着ES2019新增特性的发布,ECMAScript标准又迎来了更新. 如今,这些特性已经可以用在node.Chrome.FireFox以及Safari中 ...

  4. js es6 新特性

    前言 ES6的发布,主要是为了解决 ES5 的先天不足,而新增了很多新特性,来提高开发人员的效率,那下文就讲讲有哪些新特性 目录 前言 一.汇总-图谱 二.常用的新特性 1.const 和 let 2 ...

  5. ES2019 新特性简介

    ES2019 tc39 Finished Proposals 从表中可以看到已经有多个特性加到了 ES2019 中. Optional catch binding github.com/tc39/pr ...

  6. JS:ES11新特性

    概述: 1.String.prototype.matchAll:用来得到正则批量匹配的结果: 2.类的私有属性:私有属性外部不可访问直接: 3.Promise.allSettled:获取多个promi ...

  7. JS:ES10新特性

    概述: 1.Object.fromEntries:将二维数组或者map转换成对象(相对于Object.entries是将对象转换成二维数组): 2.trimStart 和 trimEnd:去除字符串前 ...

  8. [转]ES7、ES8、ES9、ES10新特性大盘点

    ES7.ES8.ES9.ES10新特性大盘点 本文转自:https://mp.weixin.qq.com/s/8bov6788ivV0sHzmwrn5lw 以下文章来源于前端工匠 ,作者浪里行舟君 前 ...

  9. ES7、ES8、ES9、ES10新特性大盘点

    前言 从 ECMAScript 2016(ES7)开始,版本发布变得更加频繁,每年发布一个新版本,好在每次版本的更新内容并不多,本文会细说这些新特性,尽可能和旧知识相关联,帮你迅速上手这些特性. ES ...

  10. 怎么真正入行Web前端行业?JavaScript五大新特性是什么?

    怎么真正入行Web前端行业?JS五大新特性是什么?JavaScript是Web开发者必学的三种语言之一,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言.随着互联网的更迭以及技术的革新,Jav ...

最新文章

  1. 需要反射时使用dynamic
  2. 简单实用一分钟上手级权限控制
  3. Java方法中的参数太多,第4部分:重载
  4. 【Linux系统编程学习】C库IO函数与系统IO函数的关系
  5. 基于beego一键创建RESTFul应用
  6. RDLC报表---自定义数据集
  7. 基于visual Studio2013解决C语言竞赛题之1031猜数
  8. kafka jar包_和同事交流不会kafka怎么行,API奉上,不是大神也能编
  9. TCP 三次握手和四次挥手个人理解
  10. python中for语句的使用_对Python中for复合语句的使用示例讲解
  11. oracle取本月最后一天是星期几_在oracle里,如何取得本周、本月、本季度、本年度的第一天和最后一天的时间...
  12. 服务器风扇端子型号,出几样物品-相机连接头,服务器风扇,滤波器,接线端子等等如图...
  13. 数字万用表二极管档测试原理与使用方法--平顶山焦化公司王水成1999年
  14. 详述支付网关的设计原则
  15. 中国集成灶10大品牌排行榜揭晓,公认的集成灶10大品牌是哪几个?
  16. 感性女生和理性男生的区别
  17. webGIS学习(二)探究本质,WebGIS前端地图显示之地图比例尺换算原理 发布于 3 年前 作者 lzxue 7473 次浏览 来自 技术 1.没有豆浆机怎么办? 喝豆浆是我们早晨中基本
  18. javascript开发HTML5游戏--斗地主(单机模式part2)
  19. 数据分析---数据处理工具pandas(二)
  20. 【报告分享】2020吃货人群图鉴-Mob研究院(附下载)

热门文章

  1. 爱奇艺视频如何使用微服务的?
  2. 阿姆斯特丹大学计算机专业,荷兰大学计算机专业大学排名
  3. 匠人与匠心:专访恩墨学院院长侯圣文
  4. Windows安装pycrypto失败记录
  5. 嵌入式常见的段错误死机原因之一strlen函数
  6. excel离散度图表怎么算_Excel数据分析——离散值排除-excel直方图
  7. 【Python】Python安装升级mkl包
  8. mate20鸿蒙,华为放大招!华为Mate20系列也能拍月亮,以后还能升级鸿蒙
  9. 【每天学一点系列~】字符串左/右旋的本质,你真的认清了嘛?
  10. r7 3700x和i7 9700k参数对比 选哪个