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的标记来□□□□让它在匹□□□□配的时候△给我们既□□返回匹配□□□□到的子字□□□□符串的起□□□始位置还□□□□返回其结□□□□束位置
如没特殊注明,文章均为OETY欧亿原创,转载请注明来自https://www.hd-banhen.com/news/6541.html