Neste artigo, veremos os novos recursos disponíveis na versão mais recente do ECMAScript 2021 com alguns exemplos de codificação.

Novas características

1. String.replaceAll ()

Substitui todas as instâncias da string de destino pela string desejada.

const fact = "Javascript is the best web scripting language. Javascript can be used for both front end and backend";
 
console.log(fact.replaceAll("Javascript", "Typescript"));

Result:
"Typescript is the best web scripting language. Typescript can be used for both front end and backend";

const fact = "Javascript is the best web scripting language. Javascript can be used for both front end and backend";
 
console.log(fact.replace("Javascript", "Typescript"));

Result:
"Typescript is the best web scripting language. Javascript can be used for both front end and backend";

Promise.any()resolve assim que qualquer uma das promessas fornecidas for resolvida, ao contrário do promise.all()que espera que todas as promessas sejam resolvidas. É basicamente o oposto dePromise.all().

Isso é o que acontece se uma promessa for cumprida :

const promises = [   
          Promise.reject('ERROR A'),           
          Promise.reject('ERROR B'),   
          Promise.resolve('result'), 
]; 

Promise
  .any(promises)
  .then((result) => assert.equal(result, 'result')); //true

const promises = [   
          Promise.reject('ERROR A'),  
          Promise.reject('ERROR B'),   
          Promise.reject('ERROR C'), 
]; 

Promise
  .any(promises)   
  .catch((aggregateError) => {
            assert.deepEqual(aggregateError.errors, 
            ['ERROR A', 'ERROR B', 'ERROR C']); //true
   });

a ||= b é equivalente a a || (a = b). (Short-circuiting).

Por que não para essa expressão? a = a || b

Bem, porque para a expressão anterior, a atribuição só é avaliada se for aavaliada como false. Portanto, a atribuição só é realizada se for necessário. Em contraste, a última expressão sempre executa uma atribuição.

Exemplo a ||= b:

var a = 1;  
var b = 2;  
 
a ||= b;   

console.log(a); // 1

var a = 1; 
var b = 2; 

a &&= b; 

console.log(a); // 2

var a;  
var b = 2;   

a ??= b;   

console.log(a); // 2

Agora podemos usar Underscores ( _ ) como separadores em literais de número e literais bigInt. Isso ajudará os desenvolvedores a tornar seus literais numéricos mais legíveis, já que o sublinhado atuará basicamente como uma vírgula (usada para fornecer separação entre os diferentes grupos de dígitos) quando escrevemos números em nosso dia-a-dia.

let budget = 1000000000000 //can be written as the following..

let budget = 1_000_000_000_000; 

console.log(budget); //printed as regular numeric literal.

result:
1000000000000

Recursos:

• https://dev.to/faithfulojebiyi/new-features-in-ecmascript-2021-with-code-examples-302h
• https://2ality.com/2020/09/ecmascript-2021.html