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:
E se você gosta do nosso conteúdo, não deixe de contribuir adquirindo os serviços e produtos dos nossos apoiadores e empresas que somos associados:
