En este artículo, repasaremos las nuevas funciones disponibles en la última versión de ECMAScript 2021 con algunos ejemplos de codificación.

Nuevas características

1. String.replaceAll ()

Reemplaza todas las instancias de la cadena de destino con la cadena deseada.

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()se resuelve tan pronto como se resuelve cualquiera de las promesas proporcionadas, a diferencia de lo promise.all()que espera a que se resuelvan todas las promesas. Es básicamente lo contrario dePromise.all().

Esto es lo que sucede si se cumple una Promesa :

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 es equivalente a a || (a = b). (Short-circuiting).

¿Por qué no a esta expresión? a = a || b

Bueno, porque para la expresión anterior, la asignación solo se evalúa si se aevalúa como false. Por lo tanto, la asignación solo se realiza si es necesario. Por el contrario, la última expresión siempre realiza una asignación.

Ejemplo 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

Ahora podemos usar guiones bajos ( _ ) como separadores en literales numéricos y literales bigInt. Ayudará a los desarrolladores a hacer que sus literales numéricos sean más legibles, ya que el guión bajo actuará básicamente como una coma (utilizada para proporcionar separación entre los diferentes grupos de dígitos) cuando escribimos números en nuestra vida diaria.

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