Olá, entusiastas de JavaScript! Este artigo é sobre os melhores e mais recentes recursos de nossa amada linguagem de script, JavaScript. Quer você seja um desenvolvedor experiente ou esteja apenas começando a programar, essas atualizações certamente aprimorarão sua experiência. Vamos pular para os principais recursos JavaScript que você pode começar a usar hoje mesmo!

1. Encadeamento Opcional

Chega de longas cadeias de acesso a propriedades com verificações de nulos! O encadeamento opcional permite acessar com segurança propriedades profundamente aninhadas.

const user = { profile: { bio: { name: 'Jane Doe' } } };
console.log(user?.profile?.bio?.name); // Outputs: Jane Doe

2. Operador de coalescência nulo

Evite aqueles incômodos valores nulos ou indefinidos com o operador de coalescência nulo (??). Ele permite definir valores padrão apenas se o lado esquerdo for nulo ou indefinido.

const userInput = null;
const username = userInput ?? 'Guest';
console.log(username); // Outputs: Guest

3. GrandeInt

Lidar com números inteiros grandes em JavaScript nunca foi tão fácil. BigInt permite trabalhar com números maiores que o limite de números inteiros seguros do tipo Number.

const bigNumber = 9007199254740991n   1n;
console.log(bigNumber); // Outputs: 9007199254740992n

4. Importação Dinâmica

Carregue módulos dinamicamente em tempo de execução com importações dinâmicas, que ajudam a otimizar tempos de carregamento e recursos.

if (condition) {
  import('./module.js').then((module) => {
    module.default();
  });
}

5. Promessa.tudo resolvido

Trate de múltiplas promessas e obtenha os resultados de cada promessa, independentemente de terem sido cumpridas ou rejeitadas.

const promises = [fetch('/api'), fetch('/other-api')];
Promise.allSettled(promises).then((results) =>
  results.forEach((result) => console.log(result.status))
);

6. Campos de aula privada

Mantenha a privacidade interna de sua classe com campos de classe privados. Eles são acessíveis apenas dentro da classe.

class MyClass {
  #privateField = 42;

  getPrivateField() {
    return this.#privateField;
  }
}

const myInstance = new MyClass();
console.log(myInstance.getPrivateField()); // Outputs: 42

7. Operadores de Atribuição Lógica

Combine operadores lógicos com atribuição em uma sintaxe mais curta e legível.

let a = 0;
a ||= 1; // a becomes 1 if it's falsy
console.log(a); // Outputs: 1

8.String.prototype.replaceAll

Substitua facilmente todas as ocorrências de uma substring em uma string por replaceAll.

const text = 'Hello World! Hello Universe!';
const newText = text.replaceAll('Hello', 'Hi');
console.log(newText); // Outputs: Hi World! Hi Universe!

9. Referências Fracas

Crie referências fracas a objetos, evitando que sejam coletados como lixo.

let obj = { data: 'important' };
const weakRef = new WeakRef(obj);
obj = null; // obj can now be garbage-collected

10. Espera de nível superior

Use a palavra-chave await no nível superior de seus módulos, simplificando o código assíncrono.

const data = await fetch('/api').then((res) => res.json());
console.log(data);

Concluindo

2024 parece brilhante para desenvolvedores de JavaScript! Com esses novos recursos, você escreverá um código mais limpo, mais eficiente e mais legível. Portanto, atualize suas ferramentas e comece a explorar essas atualizações incríveis no desenvolvimento web.

Continue codificando e se divertindo! Até a próxima, boa codificação! ?