Regra de Precedência Javascript: Quando escrevemos uma expressão em JavaScript, o interpretador precisa determinar a ordem em que as operações serão realizadas. A precedência de operadores define essa ordem, estabelecendo quais operações serão realizadas antes de outras. É como uma hierarquia matemática, onde algumas operações têm prioridade sobre as demais.
Neste artigo, vamos explorar em detalhes a regra de precedência em JavaScript e como ela influencia a forma como nossas expressões são avaliadas.
O que é Precedência de Operadores?
A precedência de operadores é um conjunto de regras que determina a ordem em que os operadores em uma expressão são avaliados. Imagine uma expressão matemática como “2 + 3 * 4”. Se a adição fosse realizada antes da multiplicação, o resultado seria 20. No entanto, a multiplicação tem maior precedência, então o resultado correto é 14.
Tabela de Precedência
A tabela a seguir mostra a precedência dos operadores em JavaScript, do maior para o menor:
| Operador | Descrição | Associatividade |
|---|---|---|
() | Parênteses | Da esquerda para a direita |
new, . (membro), [] (indexação) | Criação de objetos, acesso a membros | Da esquerda para a direita |
++, -- (prefixado) | Incremento/decremento | Da direita para a esquerda |
++, -- (pós-fixado) | Incremento/decremento | Da esquerda para a direita |
!, ~, +, -, typeof, void, delete | Unário | Da direita para a esquerda |
** | Exponenciação | Da direita para a esquerda |
*, /, % | Multiplicação, divisão, módulo | Da esquerda para a direita |
+, - | Adição, subtração | Da esquerda para a direita |
<<, >>, >>> | Deslocamento bit a bit | Da esquerda para a direita |
<, <=, >, >= | Comparação | Da esquerda para a direita |
==, !=, ===, !== | Igualdade, desigualdade | Da esquerda para a direita |
& | E bit a bit | Da esquerda para a direita |
^ | Ou exclusivo bit a bit | Da esquerda para a direita |
| ` | ` | Ou bit a bit |
&& | E lógico | Da esquerda para a direita |
| ` | ` | Ou lógico |
? : | Operador ternário | Da direita para a esquerda |
=, +=, -=, *=, /=, %=, &=, ` | =,^=,<<=,>>=,>>>=` | Atribuição |
, | Vígula (sequência) | Da esquerda para a direita |
Associatividade: A associatividade indica a direção em que os operadores com a mesma precedência são agrupados. Por exemplo, a adição (+) é associativa à esquerda, o que significa que a + b + c é equivalente a (a + b) + c.
Exemplos
JavaScript
let resultado = 2 + 3 * 4; // Resultado: 14 (multiplicação antes da adição)
let resultado2 = (2 + 3) * 4; // Resultado: 20 (adição dentro dos parênteses)
let x = 1;
let y = ++x; // x agora vale 2, y também vale 2 (pré-incremento)
let z = y++; // z vale 2, y agora vale 3 (pós-incremento)Por que a Precedência é Importante?
- Evitar erros: Entender a precedência evita que você escreva código que não faça o que você espera.
- Melhorar a legibilidade: Ao usar parênteses para explicitar a ordem das operações, você torna seu código mais fácil de entender.
- Otimizar o código: Em alguns casos, a escolha de operadores e a ordem das operações podem afetar a performance do seu código.
Dicas para Usar a Precedência
- Use parênteses: Quando tiver dúvidas sobre a ordem das operações, use parênteses para garantir que a expressão seja avaliada da forma desejada.
- Consulte a tabela de precedência: Se você não se lembrar da precedência de um operador, consulte a tabela.
- Escreva código legível: Use espaços em branco e quebras de linha para melhorar a legibilidade do seu código, especialmente em expressões complexas.
Conclusão
Regra de Precedência Javascript: A precedência de operadores é um conceito fundamental em JavaScript que determina a ordem em que as operações são realizadas em uma expressão. Ao entender a tabela de precedência e aplicar as dicas mencionadas neste artigo, você poderá escrever código JavaScript mais preciso, eficiente e fácil de manter.
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:
