Na programação com JavaScript, você frequentemente se depara com diferentes maneiras de atribuir e modificar valores. Um conceito especialmente prático são as chamadas "Compound Assignments" ou atribuições compostas. Elas ajudam a tornar o código mais claro, curto e conciso. Neste guia, você aprenderá o que são atribuições compostas, como usá-las com sucesso e quais vantagens elas trazem.
Principais descobertas
Cada operador de atribuição pode ser substituído por seu operador combinado para tornar o código mais legível e eficiente. Os operadores mais comuns são adição, subtração, multiplicação, divisão e módulo. Reconhecer e utilizar esses operadores diminui o tamanho do código e evita redundâncias.
Guia passo a passo
A primeira coisa que queremos esclarecer é o que exatamente são atribuições compostas. Na essência, são uma combinação de um operador e uma atribuição, que permite alterar um valor e ao mesmo tempo armazená-lo.
Passo 1: Primeira atribuição Para começar, vamos criar uma variável x e definir seu valor como 5. Este será o valor inicial com o qual estaremos trabalhando. Você pode inserir este código em seu ambiente JavaScript:
let x = 5;

Passo 2: Primeira alteração do valor Suponha que você queira agora aumentar o valor de x em 10. O código óbvio para isso seria:
x = x + 10; Esta linha atribui o resultado da adição de 10 à variável x original de volta a x. Você pode testar este resultado no navegador.

Passo 3: Usando Atribuição Composta para Adição Em vez de usar esta sintaxe mais longa, você pode utilizar a atribuição composta:
x += 10; Esta abreviação não é apenas mais curta, mas também melhora a legibilidade do seu código. Se você atualizar o código e verificar no navegador, verá que a variável agora tem o valor 15.

Passo 4: Aplicando subtração O princípio das atribuições compostas também funciona com outros operadores matemáticos, como a subtração. Imagine que você queira diminuir a variável em 5. Em vez de usar x = x - 5;, você pode escrever:
x -= 5; Verifique o novo valor de x.
Passo 5: Multiplicação e Divisão O mesmo vale para multiplicação e divisão. Em vez de usar para um novo valor:
x = x * 2; você simplesmente usa:
x *= 2; ou para uma divisão:
x /= 2;
Utilize novamente as atribuições compostas aqui e observe os resultados.
Passo 6: Cálculo de Módulo Outra ferramenta sofisticada é o operador de módulo. Para verificar se um número é par ou ímpar, por exemplo, você pode fazer o seguinte:
let isEven = x % 2; Para utilizá-lo com uma atribuição:
isEven %= 2; Verifique o resultado da expressão onde isEven pode ser 0 ou 1.

Passo 7: Operador de Incrémento Um caso de uso comum é o operador de incremento. Você pode aumentar x diretamente em 1 com:
x++; ou você também pode usar x += 1; por exemplo.
Resumo — Fundamentos das Atribuições Compostas em JavaScript
O uso de atribuições compostas em JavaScript permite que você simplifique e estruture consideravelmente seu código. Você aprendeu que esses princípios são aplicáveis não apenas para adição, mas também para outras operações matemáticas como subtração, multiplicação, divisão e módulo. Ao usar esses operadores de atribuição, seu código não apenas se torna mais curto, mas também mais legível.
Perguntas Frequentes
O que são atribuições compostas?Atribuições compostas combinam um operador matemático com a atribuição de um valor.
Como é representada uma adição com atribuições compostas?Em vez de x = x + 10;, você utiliza x += 10;.
Posso usar atribuições compostas com todos os operadores matemáticos?Sim, elas funcionam com adição, subtração, multiplicação, divisão e módulo.
O que acontece se eu combinar o operador de incremento com uma atribuição composta?Você pode usar x++; ou x += 1; para aumentar o valor em 1.
Existem casos em que eu não deveria usar atribuições compostas?O uso depende da legibilidade do código; às vezes, uma atribuição clara pode ser mais adequada.