This content originally appeared on DEV Community and was authored by Luís Von Muller
Foram trazidas a vida no JavaScript (ECMAScript) em 2021 várias novas opções de sintaxe e outros (ES12), separei 3 aqui à nível iniciante para você usar em ambiente NodeJs ou similar.
⚠️ Antes de sair usando, por favor meu anjo 😇 lembre-se que nem todo navegador vai suportar isso, e não é para ser exportado por questões de compatibilidade. Por favor. 😮💨
🔢 Separador entre dígitos Numéricos:
👉 Permite usar "_" para separar os números facilitando a leitura:
let bilhao = 1000000000;
É um bilhão? É. Mas tá meio difícil de visualizar de primeira. Apenas o presidenciável Ciro Gomes iria ver de primeira...
Quero ver onde vamos achar, "1 Bilhão"? - Gomes, Ciro
Já com o ES12 podemos fazer o seguinte:
let bilhao = 1_000_000_000;
Leitura de casas decimais facilitada :)
💬 replaceAll() - Substituir todas as ocorrências de uma string em outra.
👉 Vamos imaginar 🪄 que temos a seguinte string:
let strExemplo1 =
"Javascript é alguma coisa, provavelmente Javascript é uma Linguagem de programação. Javascript não tem nada a ver com Java";
Se nós usarmos o método "replace" para trocar todas as ocorrências da palavra Javascript por Typescript, ele só trocaria a primeira.
console.log(strExemplo1.replace("Javascript", "Typescript")); // Remove apenas a primeira ocurrência
// Output: Typescript é alguma coisa, provavelmente Javascript é uma Linguagem de programação. Javascript não tem nada a ver com Java
Para fazermos isso precisaríamos usar uma Expressão regular dentro do método, isto é: REGEX.
console.log(strExemplo1.replace(/Javascript/g, "Typescript")); // Remove todas as ocorrências.
Mas com o ES 12...
console.log(strExemplo1.replaceAll("Javascript", "Typescript"));
👀 Saída da execução (comparativo entre as 3 maneiras)... 👉
🤩 Atribuição em Nulo - Nullish Coalescing Assignment Operator
👉 Vamos imaginar 🪄 que temos o seguinte código:
let algumaCoisa = 1;
let nada = null;
Agora, vamos verificar se "nada" é nulo, e caso for, vamos atribuir o valor de "algumaCoisa" à ele.
nothing ??= something; // Tá nulo, recebe 1.
console.log(something === something); // Retona true.
Ou seja, caso alguma coisa seja nula, recebe um valor informado.
Bom, por hoje é: só (◡‿◡✿)
Vem pro meu Twitter & muito mais: https://allmylinks.com/luisvonmuller
"Meu estômago acha que todas as batatas são purê de batatas.".
Beijão (っ˘з(˘⌣˘ )
This content originally appeared on DEV Community and was authored by Luís Von Muller
Luís Von Muller | Sciencx (2021-12-01T17:24:23+00:00) 🔥 3 Coisinhas Legais do ES12 (JavaScript 2021) 🌟. Retrieved from https://www.scien.cx/2021/12/01/%f0%9f%94%a5-3-coisinhas-legais-do-es12-javascript-2021-%f0%9f%8c%9f/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.