ES12中8个很棒的新JavaScript语言特性

发布网友发布时间：2024-10-01 11:02

我来回答

共1个回答

热心网友时间：2024-10-07 02:26

JavaScript语言规范，也被称为ECMAScript或ES，每年都会根据需求进行修改，这不，ECMAScript2022就来了。

虽然JavaScript最初是一种脚本语言，但ECMAScript规范指出，该语言“现在被用于多种环境和较大规模的编程应用场景。”因此，JavaScript现在应该被理解为一种功能齐全的通用型编程语言。

让我们来看看ECMAScript2021引入了哪些JavaScript新功能吧！

String.prototype.replaceAll

replaceAll()方法接受一个字符串或正则表达式：模式pattern，这是它的第一个参数。第二个参数是模式的替换，参数名为replacement。给定这两个参数，replaceAll()将返回一个新字符串，该字符串是源字符串处理之后的字符串，其中所有pattern都替换为replacement。

replaceAll()方法的工作方式与replace()完全相同，但作用于字符串中的所有出现的pattern，而不仅仅是第一个。

letquote="alltheworld'sastage,andallthemenandwomenmerelyplayers";letnewQuote=quote.replaceAll("all","mostof");console.log(newQuote);promise.any()

promise.any()方法接受一组promise，并允许您通过返回新的promise来响应第一个成功完成的promise。

如果任何一个Promise出错，promise.any()仍然会根据集合中的第一个已解决的Promise进行操作。

如果传入的Promise都没有解析，则该方法返回被拒绝的Promise。

promise.any()——全部解决constpromise1=newPromise((resolve,reject)=>{setTimeout(resolve,1000,"1second");});constpromise2=newPromise((resolve,reject)=>{setTimeout(resolve,2000,"2second");});letpromises=[promise1,promise2];Promise.any(promises).then((firstResolved)=>{console.log(firstResolved);//outputs“1second”})promise.any()——全部被拒绝constpromise1=newPromise((resolve,reject)=>{setTimeout(reject,1000,"1second");});constpromise2=newPromise((resolve,reject)=>{setTimeout(reject,2000,"2second");});letpromises=[promise1,promise2];Promise.any(promises).then((firstResolved)=>{console.log(firstResolved);}).catch((err)=>{console.log("error:"+err)})//outputserror:AggregateError:AllpromiseswererejectedAggregateError

AggregateError是一种特殊的错误子类，它将许多错误组合成一个汇总对象。

在上面promise.any()——全部被拒绝的例子中返回了一个AggregateError。该错误包含描述错误的消息和包含有关每个错误的详细信息的数组。

AggregateError:Allpromiseswererejectederrors:Array(2)0:"1second"1:"2second"length:2message:"Allpromiseswererejected"stack:"AggregateError:Allpromiseswererejected"Newlogicalassignmentoperators

ECMAScript2021推出新的逻辑运算符||、??和&&。

Nullishassignment(??=)

我们可以使用??=来测试变量是否为null或未定义。如果变量为null或未定义，您可以将表达式的右侧分配给变量。

letquote="Whengoodnessislostthereismorality.";letexistingQuote="Aleaderisbestwhenpeoplebarelyknowheexists";letnonExistingQuote=null;existingQuote??=quote;nonExistingQuote??=quote;console.log(existingQuote);//Aleaderisbestwhenpeoplebarelyknowheexistsconsole.log(nonExistingQuote);//Whengoodnessislostthereismorality.

当作用于存在的变量时，例如existingQuote，空赋值运算符什么也不做。但是，当作用在nonExistingQuote上时，它会分配一个新值。

Andassignment(&&=)

和赋值运算符(&&=）用于表达式的左侧。如果左侧不为null或未定义，则分配表达式的右侧。如果它是假的，则什么也不做。

letemptyString="";emptyString&&="bar";console.log(emptyString);//“”letnonEmptyString="foo";nonEmptyString&&="bar";console.log(nonEmptyString);//“bar”Orassignment(||=)

or赋值运算符与您刚刚看到的and赋值运算符作用相反。

letemptyString="";emptyString||="bar";console.log(emptyString);//“bar”letnonEmptyString="foo";nonEmptyString||="bar";console.log(nonEmptyString);//“foo”WeakRef

WeakRef用于引用目标对象，而不会将其从垃圾回收器中拿出。一个常见的用例是WeakRef为大对象实现缓存或映射，“不希望大对象仅仅因为它出现在缓存或映射中而保持活动状态。”

FinalizationRegistry

该规范提供了消耗许多文件句柄的长时间运行进程的示例。在这种情况下，使用FinalizationRegistry可以确保没有句柄泄漏。

与WeakRef一样，FinalizationRegistry更适合平台和框架开发人员的工具箱，而不是应用程序开发人员。

Numericliteralseparators数字分隔符letdistanceToSun=91772000000;letdistanceToSun=91_772_000_000;

上面两种赋值结果一样，可以让我清楚的查看大数字。

Array.prototype.sortimprovements

这更像是一个注释而不是一个功能。ECMAScript2021规范对Array.prototype.sort工作原理的描述更加准确。这种变化应该会减少引擎之间实现起来的差异。

翻译来源：8greatnewJavaScriptlanguagefeaturesinES12|InfoWorldhttps://www.infoworld.com/article/3658393/8-great-new-javascript-language-features-in-es12.html

原文：https://juejin.cn/post/7098572094677450765