喜大普奔,es2019登场

简介: 就在刚4个小时前,TC39将以下特性加入到了 ES2019 中。让我们来看看这些新的特性给我们带来了什么样的改变。

就在刚4个小时前,TC39将以下特性加入到了 ES2019 中。让我们来看看这些新的特性给我们带来了什么样的改变。


image.png


ES2019 新特性:



➡️ Array#{flat,flatMap}

➡️ Object.fromEntries

➡️ String#{trimStart,trimEnd}

➡️ Symbol#description

➡️ try { } catch {} // optional binding

➡️ JSON ⊂ ECMAScript

➡️ well-formed JSON.stringify

➡️ stable Array#sort

➡️ revised Function#toString


JSON ⊂ ECMAScript (JSON superset)


行分隔符(U + 2028)和段分隔符(U + 2029)符号现在允许在字符串文字中,与JSON匹配。 以前,这些符号在字符串文字中被视为行终止符,因此使用它们会导致SyntaxError异常。


well-formed JSON.stringify


更加友好的 JSON.stringify (修复了对于一些超出范围的 unicode 展示错误的问题。)

如果输入 Unicode 格式但是超出范围的字符,在原先JSON.stringify返回格式错误的Unicode字符串:


image.png


现在实现了一个改变JSON.stringify的第3阶段提案,因此它为其输出转义序列,使其成为有效Unicode(并以UTF-8表示):


image.png


stable Array#sort


在以前,sort 函数中,10个以上元素的数组 V8 使用不稳定的QuickSort(快排。现在,使用稳定的TimSort算法。)


TimSort算法: https://en.wikipedia.org/wiki/Timsort


revised Function#toString


Function.prototype.toString()现在返回精确字符,包括空格和注释。原先和现在的比较:


image.png


Array #{flat, flatMap}


数组降维,递归地将数组展平到指定的深度,默认为1。


image.png


Object.fromEntries


Object.fromEntries(Object.entries(object))≈ 对象


它类似于Lodash的_.fromPairs。


image.png


String#{trimStart,trimEnd}


前后的空白符可以指定一边去除。


image.png

Symbol.prototype.description


通过工厂函数Symbol()创建符号时,您可以选择通过参数提供字符串作为描述:


image.png


以前,访问描述的唯一方法是将符号转换为字符串:


image.png


现在引入了getter Symbol.prototype.description以直接访问描述:


image.png


try {} catch {}


现在try {} catch {} 有了更加简便的方法,变成了可选型。


在以前


image.png


现在


image.png


更多提案:



https://github.com/tc39/proposals/blob/master/finished-proposals.md

相关文章
|
8月前
【硬核解说】一口气讲明白Angular的5种路由守卫RouteGuard是嘛玩意儿
【硬核解说】一口气讲明白Angular的5种路由守卫RouteGuard是嘛玩意儿
【硬核解说】一口气讲明白Angular的5种路由守卫RouteGuard是嘛玩意儿
|
8月前
|
前端开发 JavaScript 开发者
30分钟熟练使用最常用的ES6,还不学是等着被卷死?
30分钟熟练使用最常用的ES6,还不学是等着被卷死?
|
8月前
|
前端开发 JavaScript
前端知识(十五)——es6 相关面试总结
前端知识(十五)——es6 相关面试总结
63 0
|
JavaScript 前端开发
细读 ES6 | Class 下篇
ES6 中的继承。
142 0
|
缓存 JavaScript 算法
每天3分钟,重学ES6-ES12(十八) CJS
每天3分钟,重学ES6-ES12(十八) CJS
99 0
|
JavaScript 前端开发 Java
每天3分钟,重学ES6-ES12(十二)不常用但却常问的迭代器
每天3分钟,重学ES6-ES12(十二)不常用但却常问的迭代器
134 0
|
前端开发 JavaScript 小程序
每天3分钟,重学ES6-ES12(十七)模块化历史
每天3分钟,重学ES6-ES12(十七)模块化历史
94 0
|
JavaScript 前端开发
每天3分钟,重学ES6-ES12(十六)错误异常处理方案
每天3分钟,重学ES6-ES12(十六)错误异常处理方案
123 0
|
监控 前端开发 JavaScript
每天3分钟,重学ES6-ES12(十五)异步代码处理方案
每天3分钟,重学ES6-ES12(十五)异步代码处理方案
108 0
|
JavaScript 前端开发 计算机视觉
由一篇ES6-Class科普文章引发的“惨案”
让我们就开始惨案的解密过程吧。 首先,我们不按常规去思考上面的疑惑,我们需要在破案之前,需要一些准备工具。 首先让人很刺眼的一个是:Object.defineProperty。既然遇到了,我们就来会会他。
118 0

相关课程

更多