Como a precedência do operador funciona em JavaScript
Ao executar uma operação, o alta precedência Os operadores são considerados o operando de menor precedência operadores. Isso significa que, em uma determinada operação, o operador com maior precedência é avaliado primeiro.
Este artigo discutirá o trabalhando de operador precedente em JavaScript.
Precedência do operador em javascript
Antes de escrever qualquer expressão em JavaScript, é importante conhecer a ordem em que as operações adicionadas serão realizadas, pois garante que você atinja os resultados desejados.
Cada operador JavaScript tem um “nível de importância" ou "Ordem da precedência”Comparado a outros operadores, os operadores com alta precedência são executados antes dos operadores de baixa precedência. Além disso, outro termo envolvido em todo esse procedimento é conhecido como “Associatividade”.
Operadores Associativity in JavaScript
A associativa dos operadores decide a direção de realizar operações que podem ser “da esquerda para direita" ou "direita para esquerda”.
““da esquerda para direita”Existe associatividade para o operadores aritméticos como adição, multiplicação, subtração e divisão. Em comparação, outros operadores como o booleano “NÃOOperador e tudo operadores de atribuição são baseadas em "direita para esquerda" Associatividade.
Exemplo: Operadores Associativity in JavaScript
A subtração é um excelente exemplo de operação na qual a associativa é importante. Por exemplo, o resultado de subtrair “4 de 9"Não é o mesmo que subtrair"9 de 4”:
var x = 9 - 4;var y = 4 - 9;
console.log (x)
console.log (y)
Níveis de precedência do operador em JavaScript
A precedência do operador em JavaScript é dividida em 19 Niveis diferentes. Confira a tabela abaixo para saber mais sobre eles:
| Tipo de operador | Associatividade | Operadores individuais | Ordem da precedência |
| Agrupamento | n / D | (…) | 19 |
| Encadeamento opcional | da esquerda para direita | ?. | 18 |
| nova (com lista de argumentos) | n / D | novo… (… ) | |
| Acesso ao membro | da esquerda para direita | .. ... | |
| Acesso ao membro computado | da esquerda para direita | ... […] | |
| Chamada de função | da esquerda para direita | … (…) | |
| nova (sem lista de argumentos) | direita para esquerda | novo… | 17 |
| Incremento pós -fixo | n / D | .. ++ | 16 |
| Decremento pós -fixo | .. - | ||
| Incremento prefixo | direita para esquerda | ++.. | 15 |
| Bitwise não (~) | .. | ||
| Unário mais (+) | +.. | ||
| Lógico não (!) | !.. | ||
| Negação unária (-) | -.. | ||
| Decremento prefixo | -.. | ||
| vazio | vazio… | ||
| aguardam | aguardam… | ||
| excluir | excluir… | ||
| tipo de | tipo de… | ||
| Expeneção (**) | direita para esquerda | ... **… | 14 |
| Multiplicação (*) | da esquerda para direita | ... *… | 13 |
| Restante (%) | … %.. | ||
| Divisão | ... /… | ||
| Adição (+) | da esquerda para direita | … +… | 12 |
| Subtração (-) | … -… | ||
| Mudança esquerda por bit netwo<<) | da esquerda para direita | .. <<… | 11 |
| Mudança direita bit -bo (>>) | … >>… | ||
| Mudança direita sem assinatura (>>>) | … >>>… | ||
| Maior que (>) | da esquerda para direita | …>… | 10 |
| Menos que (>) | .. <… | ||
| Maior ou igual (> =) | …> =… | ||
| Menor ou igual (<=) | .. <=… | ||
| instancia de | … instancia de… | ||
| em | … em… | ||
| Desigualdade (!=) | da esquerda para direita | .. !=… | 9 |
| Desigualdade estrita (!==) | .. !==… | ||
| Desigualdade estrita (===) | … ===… | ||
| Igualdade (==) | … ==… | ||
| Bitwise e (&) | da esquerda para direita | ... &… | 8 |
| Bitwise xor (^) | da esquerda para direita | … ^… | 7 |
| Bit nessa ou (|) | da esquerda para direita | … |… | 6 |
| Lógico e (&&) | da esquerda para direita | … &&… | 5 |
| Operador de coalescência nulo (??) | da esquerda para direita | .. ??.. | 4 |
| Lógico ou (||) | da esquerda para direita | … ||… | |
| Operador condicional (ternário) | direita para esquerda | .. ?...:… | 3 |
| Atribuição | direita para esquerda | … =… | 2 |
| … +=… | |||
| … -=… | |||
| … ** =… | |||
| … *=… | |||
| … /=… | |||
| … %=… | |||
| .. <<=… | |||
| … >> =… | |||
| … >>> =… | |||
| … & =… | |||
| … ^=… | |||
| … | =… | |||
| … && =… | |||
| … || =… | |||
| .. ??=… | |||
| colheita | direita para esquerda | colheita… | |
| colheita* | colheita*… | ||
| Sequência / vírgula | da esquerda para direita | ...,… | 1 |
Exemplo: como o operador precedência funciona em javascript
Considere a seguinte expressão:
4 + 5 - 10 + 7 * 4 + 3Adicionamos três instâncias do “+Operador de adição na expressão acima. Sem qualquer precedência do operador, a expressão declarada pode produzir um valor diferente; No entanto, vamos resolvê -lo conforme a ordem de precedência.
De acordo com a tabela fornecida na seção anterior, o operador de multiplicação “*” tem maior precedência do que a precedência dos operadores de adição e subtração, por isso será realizado primeiro. Tanto os operadores de adição quanto de subtração têm a mesma ordem de precedência, o que significa que estão no mesmo nível, e o JavaScript os avaliará da esquerda para a direita.
O JavaScript executará as seguintes etapas nos bastidores para avaliar a expressão dada:
Primeiro de tudo, ele se multiplicará 7 * 4 que igual a “28”E então atualize a equação como:
4 + 5 - 10 + 28 + 3Em seguida, a expressão será avaliada de “lEft-to-RightDireção, começando de “4 + 5Operação de adição que resulta “9”:
9 - 10 + 28 + 3Então, "10"É subtraído do"9"Que produz"-2" valor:
-1 + 28 + 3Depois de fazer isso, “28”Será subtraído de“-1”:
27 + 3Na última etapa, a operação de adição é realizada para o número “27 + 3" o que resulta em "30”:
Fornecemos as informações essenciais relacionadas ao funcionamento da precedência do operador em JavaScript. Você pode explorar ainda mais esse tópico de acordo com seus requisitos.
Conclusão
Em JavaScript, cada operador tem um Ordem da precedência, que funciona de tal maneira que os operadores com alta precedência são executados antes dos operadores de baixa precedência, e os operadores de alta precedência são considerados como operandos de operadores de menor precedência. A precedência do operador auxilia na avaliação de uma expressão matemática na sequência correta. Este artigo discutiu o funcionamento da precedência do operador em JavaScript.