Na aula anterior, aprendemos sobre Optional Chaining (?.), que nos ajuda a acessar propriedades de forma segura, evitando erros quando algo não existe.

Agora vamos aprender um operador que costuma andar lado a lado com ele: o Nullish Coalescing, representado por ??.

🎯 Objetivo da aula

Ao final desta aula, você será capaz de:

  • Entender o que é Nullish Coalescing
  • Definir valores padrão de forma correta
  • Diferenciar ?? de ||
  • Lidar melhor com null e undefined
  • Escrever código mais previsível

O problema dos valores “falsy”

Em JavaScript, alguns valores são considerados falsy, como:

  • false
  • 0
  • "" (string vazia)
  • null
  • undefined

O problema é que, muitas vezes, 0 ou "" são valores válidos — e não deveriam ser substituídos.

Usando o operador || (problema)

Veja o exemplo usando o operador ||:

 const quantidade = 0; const resultado = quantidade || 10;

console.log(resultado); // Saída será 10

Aqui, 0 é um valor válido, mas foi ignorado por ser falsy.

Entrando o Nullish Coalescing (??)

O operador ?? resolve esse problema. Ele só usa o valor da direita quando o da esquerda é null ou undefined.

 const quantidade = 0; const resultado = quantidade ?? 10;

console.log(resultado); // Saída será 0
O ?? ignora apenas null e undefined.

Comparando || e ??

Veja a diferença na prática:

 console.log(0 || 5); // Saída será 5 console.log(0 ?? 5); // Saída será 0

console.log("" || "Texto"); // Saída será "Texto"
console.log("" ?? "Texto"); // Saída será ""

console.log(null ?? "Padrão"); // Saída será "Padrão"
console.log(undefined ?? "Padrão"); // Saída será "Padrão"

Usando ?? com Optional Chaining

Esses dois operadores costumam ser usados juntos:

 const usuario = { nome: "Daniel" };

const cidade = usuario.endereco?.cidade ?? "Cidade não informada";

console.log(cidade); // Saída será "Cidade não informada"

Aqui:

  • O ?. evita erro ao acessar endereco
  • O ?? define um valor padrão adequado

Quando usar Nullish Coalescing?

  • Valores opcionais vindos de APIs
  • Configurações com valores padrão
  • Campos numéricos que podem ser zero
  • Strings que podem ser vazias
Não confunda ?? com ||. Eles resolvem problemas parecidos, mas com regras diferentes.

Resumo da aula para nunca mais esquecer

  • Nullish Coalescing usa o operador ??
  • Ele só considera null e undefined
  • Evita substituir valores válidos como 0 e ""
  • Funciona muito bem junto com Optional Chaining

Na próxima etapa, vamos começar a aplicar esses conceitos em exercícios práticos e cenários reais.


HARDWARE

Entendendo o seu computador

O que há dentro do meu computador?

Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

O Playstation só nasceu porque uma parceria entre Sony e Nintendo, para desenvolver uma unidade de CD para o Super Nintendo, fracassou. Clique aqui e saiba mais.


Excesso de barulho dentro do seu gabinete, principalmente logo que você o liga, pode ser sintoma de problemas nas ventoinhas, que podem precisar ser limpas ou trocadas. Entre em contato com um técnico de sua confiança e verifique isso o quanto antes.


A partida mais longa do clássico Space Invaders durou incríveis 38 horas e 32 minutos e esta façanha foi conseguida por um jogador de apenas 12 anos! O jogo, claro, podia ser pausado para alimentação e descanso, mas ainda assim o recorde, estabelecido no dia 02/09/1980, ainda não foi quebrado. Saiba mais.


O famoso título Final Fantasy, da Square Enix, tem este nome exatamente porque se tratava da última esperança da empresa, que estava à beira da falência quando o lançou. Clique aqui e conheça detalhes dessa história.


O personagem Mario só possui bigode porque quando ele foi criado, em 1981, a resolução de tela dos equipamentos disponíveis não permitia que fosse desenhada uma boca, então os desenvolvedores fizeram o grande bigode para contornar essa limitação tecnológica.