400-800-9385
网站建设资讯详细

前端制作之ECMAScript 2022(ES13)几大超赞功能介绍

发表日期:2022-09-28 10:31:38   作者来源:米雪兰   浏览:336   标签:前端制作    
2022 年 6 月 22 日,第 123 届 ECMA 大会批准了 ECMAScript 2022 语言规范,这意味着它现在正式成为标准。我们现在来看一下最新的ES13的几大超赞功能:
 
1. 支持在最外层写await
 
当我们碰到一个promise的时候,我们可以使用await来暂停当前代码的执行,等到这个promise被settled(fulfilled或者rejected)了,我们才继续当前代码的执行。有个很头疼的地方就是一定要在一个async的函数里面使用而不能在全局作用域里面使用。ES13出来后,就舒服多了,可以直接全局写await,无需在前面包裹async函数
 
2. at() 方法来索引元素
 
 
以前要访问数组倒数第N个元素的时候需要通过数组长度再减去N个元素来获取,而ES13的at()函数帮你写出更优雅的代码!使用新的new()方法,当我们想要访问倒数第N个元素时,我们只需要传入-N给at()即可:
 
3. Object.hasOwn()来检查某个对象自身是否拥有某个属性
 
以前我们检查对象自身是否拥有某个属性通过Object.prototype.hasOwnProperty()来实现,但这个方法是不受保护的,而且当一个对象是通过Object.create(null)创建出来的具有null原型的对象时,你想在这个对象上面调用hasOwnProperty这个方法是会报错。ES13的Object.hasOwn()函数接收两个参数,一个是对象,一个是属性,如果这个对象本身就有这个属性的话,这个函数就会返回true,否则就返回false,从而方便安全的帮助我们检查对象是否拥有某个属性
 
4. findLast()和findLastIndex()从数组的末端开始寻找某个满足条件的元素
 
 
平时我们都会使用find()和findIndex()来在数组中找到第一个满足某个条件的元素和位置,但如果知道在数组后面,想提升性能需要从后面开始找的时候会比较麻烦,ES13新出的findLast()和findLastIndex()函数会从数组的末端开始寻找某个满足条件的元素,从而实现在从后面开始查找的时候性能更大提升。
 
5. 正则表达式匹配字符串的时候支持返回开始和结束索引
 
之前我们通过正则查找的时候只能获取正则表达式匹配到的子字符串的开始索引,ES13支持在给正则表达式添加一个d的标记来让它在匹配的时候给我们既返回匹配到的子字符串的起始位置还返回其结束位置
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/6541.html