Expressões Javascript

Tempo de leitura: 3 minutos

Expressões Javascript: Em JavaScript, tudo que pode ser avaliado para produzir um valor é uma Expressão. Elas são o bloco de construção fundamental para realizar qualquer cálculo, comparação ou acesso a dados.

Expressão vs. Instrução (Statement):

Expressão: Produz um valor. (Ex: 2 + 3)
Instrução (Statement): Executa uma ação. (Ex: if (condição) { ... })

Neste artigo, exploramos os diferentes tipos de expressões e os Operadores que as tornam funcionais.

1. Operadores Aritméticos e de Atribuição

Estes operadores realizam cálculos e modificam o valor das variáveis.

A. Aritméticos

Operador	Nome	Função	Exemplo
`+`, `-`, `*`, `/`	Básico	Adição, Subtração, Multiplicação, Divisão.	`5 * 2`
`%`	Módulo	Retorna o resto da divisão.	`10 % 3` é `1`
`**`	Exponenciação	Eleva um número à potência de outro.	`2 ** 3` é `8`
`++`, `--`	Incremento / Decremento	Adiciona ou subtrai 1. (Use com cuidado, preferindo `+= 1`).	`x++`

B. Atribuição Composta

Estes operadores combinam uma operação aritmética com a atribuição (=), tornando o código mais conciso.

JavaScript

let x = 10;
x += 5;   // É o mesmo que: x = x + 5. (x agora é 15)
x *= 2;   // É o mesmo que: x = x * 2. (x agora é 30)

2. Operadores de Comparação e Igualdade

Essenciais para estruturas de controle (if, while), estes operadores avaliam e retornam um valor Booleano (true ou false).

A. Igualdade Estrita vs. Fraca

É crucial usar os operadores estritos para evitar bugs de coerção de tipos:

Operador	Nome	Função	Coerção?	Exemplo
`===`	Igualdade Estrita	Compara Valor e Tipo.	Não	`10 === "10"` é `false`
`!==`	Desigualdade Estrita	Diferente em Valor ou Tipo.	Não	`10 !== "10"` é `true`
`==`	Igualdade Fraca	Compara Valor após coerção de tipos.	Sim	`10 == "10"` é `true` (EVITAR!)

B. Relacionais

<, >, <=, >=: Menor que, Maior que, Menor ou igual, Maior ou igual.

3. Operadores Lógicos e Condicionais

Utilizados para combinar ou inverter expressões Booleanas.

A. Lógicos

Operador	Nome	Função	Exemplo
`&&`	AND Lógico	Retorna `true` se ambas as expressões forem verdadeiras.	`idade > 18 && temCNH`
\|\|	OR Lógico	Retorna `true` se alguma das expressões forem verdadeiras.	`nota > 5 \|\| nota < 7`
`!`	NOT Lógico	Inverte o valor Booleano.	`!estaVazio`

B. Operador Ternário (`? :`)

O operador condicional ternário é uma expressão (retorna um valor) que age como uma versão concisa de um if/else:

JavaScript

// Sintaxe: condição ? valor_se_true : valor_se_false

let status = nota >= 7 ? "Aprovado" : "Reprovado";

4. Precedência e Associatividade

A precedência determina a ordem em que os operadores são avaliados. Multiplicação e Divisão (*, /) têm precedência maior que Adição e Subtração (+, -).

Parênteses: Use parênteses () para forçar uma ordem de avaliação diferente.

JavaScript

let resultado = 5 + 2 * 3;     // 2 * 3 é avaliado primeiro: 5 + 6 = 11
let resultado2 = (5 + 2) * 3;  // (5 + 2) é avaliado primeiro: 7 * 3 = 21

A associatividade define a ordem de avaliação quando os operadores têm a mesma precedência (geralmente da esquerda para a direita).

✅ Conclusão Expressões Javascript

As Expressões e seus Operadores são a linguagem de ação do JavaScript. Dominar a precedência e, mais importante, o uso consistente dos operadores de igualdade estrita (===), permite que você crie lógica de programa previsível e eficiente, que é a base de qualquer aplicação robusta.

Toda jornada tem um início, e o início para se tornar um desenvolvedor web é dominar as seguintes tecnologias, que você encontra aqui mesmo: