O que é ? em javascript | Explicado
No final de qualquer declaração ou frase, um ponto de interrogação (?) é usado para indicar uma pergunta direta. No entanto, você já encontrou um ponto de interrogação da situação no código JavaScript e se perguntou o que significava? Um ponto de interrogação pode executar funções diferentes com base em seu uso. Você pode usá -lo onde quer que seja necessário, depois de saber o que é.
Este post demonstrará o ponto de interrogação “?”Em JavaScript.
O que é "?”Em JavaScript?
O ponto de interrogação “?”Em JavaScript pode ter três significados diferentes. É usado em JavaScript como:
-
- Operador ternário
- Operador nulo de coalescência
- Operador de encadeamento opcional
““?”Como operador ternário em JavaScript
Em todas as linguagens de programação, as declarações condicionais são tipicamente representadas por “if-else" declarações. No entanto, mesmo para as condições mais simples, essas declarações requerem várias linhas de código. Nesse cenário, utilize o ponto de interrogação (?) em declarações condicionais de JavaScript como “operador ternário”.
A palavra "ternário”Denota uma relação entre três elementos, a condição, o bloco de verdade e o falso bloco. A condição e o bloco de verdade são separados por um ponto de interrogação (?), e o cólon (:) separa a verdade e o falso bloco. Este operador retorna um valor booleano, dependendo da avaliação da condição.
Como usar "?”Como operador ternário?
O "?”Pode ser usado como operador ternário da seguinte forma:
doença ? verdadeiro falso
Aqui, "doença”É uma expressão que precisa ser avaliada e produz um valor booleano, onde“verdadeiro”É o valor que será aplicado se a condição for verdadeira e“falso”É o valor que será usado se a condição for falsa.
Exemplo
Primeiro, criaremos uma variável “Marcas”E atribua um valor“78”:
var marcas = 78;
Em seguida, verifique se as marcas são maiores que 60 ou não usando o operador ternário. Se sim, então imprima “Passar”; outro, "Falhar”:
var resultado = (marcas> 60) ? "Pass": "Fail";
Por fim, imprima o resultado no console usando o “console.registro()”Método:
console.log (resultado);
A saída correspondente é:
Vamos discutir o outro uso do ponto de interrogação (?) em JavaScript.
““?“Como um operador nulo de coalescência em JavaScript
O ou || O operador é útil. Ainda assim, em alguns casos, os desenvolvedores só querem que o primeiro operando seja avaliado quando é nulo ou indefinido. Como resultado, o operador nulo de coalesce foi adicionado ao ES11. É indicado com um ponto de interrogação duplo (??), e pertence à mesma classe de operadores lógicos que os operadores lógicos ou e e.
Este operador fornece o operando no lado direito como saída se o operando à esquerda for “nulo" ou "indefinido”. O operador nulo de coalescência facilita muito os testes condicionais e o código de depuração.
Como usar "?“Como um operador de coalescência nula?
Para usar um ponto de interrogação (?) Como um operador de coalescência nulo, siga a sintaxe abaixo:
Declaração1 ?? Declaração2
Aqui, "Declaração1" e "Declaração2”São as duas condições que serão verificadas de tal maneira que, se a instrução1 for nula ou indefinida, o único resultado possível é a declaração2, enquanto que, se não for nulo ou indefinido, então, o resultado será a declaração1.
Exemplo
Primeiro criaremos uma variável “num”E atribuiu um valor“14”Para isso:
var num = 14;
Em seguida, use o operador nulo de coalescantes com expressões “indefinido" e "num”:
var check = indefinido ?? num;
Por fim, imprima o resultado no console:
console.log (check);
A saída fornece o valor do operando do lado direito como “indefinido”Está presente no lado esquerdo do operador nulo de coalescentes:
Da mesma forma, quando a palavra -chave “nulo"É adicionado no lugar de"indefinido“, Dá o mesmo resultado, mas se as outras representações do valor nulo, como uma string vazia ”“ ou "0”Estão do lado esquerdo, o operador nulo de coalescantes não o considerará nulo e dá o valor do operando lateral esquerdo.
Aqui, vamos usar “0”E o operador coalescante nulo com variável“num”:
var check = 0 ?? num;
A saída dá “0”, O valor esquerdo-lateral:
O ponto de interrogação no JavaScript também é usado para mais um propósito, vamos ver!
““?”Como um operador de encadeamento opcional em JavaScript
O "Operador de encadeamento opcional”É usado como um ponto de interrogação (?) com um ponto (.) e é denotado como (?.). Este operador pode ser usado para acessar a propriedade de um objeto ou invocar uma função. Em vez de jogar um erro, o objeto retorna indefinido se for indefinido ou nulo. Usando este operador é uma verificação de acesso segura e eficiente para atributos de objeto aninhado.
Como usar "?”Como um operador de encadeamento opcional?
Para o operador de encadeamento, você pode usar a sintaxe dada:
Objeto.Val?.suporte
Aqui, o operador de encadeamento opcional “?”É usado para acessar o valor da propriedade do objeto especificado.
Exemplo 1: Acessando propriedades inexistentes de um objeto vazio
Aqui, primeiro, criaremos um objeto vazio chamado “usuário1”:
var user1 = ;
Em seguida, acesse suas propriedades inexistentes com o ponto (.) Operador, ele lançará um erro:
console.log (user1.informações.nome);
Saída
Embora, quando o operador de encadeamento opcional é adicionado para acessar suas propriedades indefinidas, ele não apresentará um erro:
console.log (user1.informações?.nome);
A saída fornece indefinida em vez de erro:
Vamos ver mais um exemplo relacionado a esta funcionalidade.
Exemplo 2: Acessando propriedades inexistentes de um objeto não vazio
Aqui, definiremos as propriedades do objeto e depois tentaremos acessar o atributo de objeto aninhado que existe no objeto:
var user1 =
Info:
Idade: "20"
;
Use o operador de encadeamento opcional para acessar o atributo do objeto aninhado:
console.log (user1.informações?.nome);
Como resultado, "indefinido”Será exibido no console:
Nós compilamos todos os usos do ponto de interrogação “?”Em JavaScript.
Conclusão
O ponto de interrogação (?) em JavaScript tem três significados diferentes, pois pode ser usado como “Operador ternário",denotado como (?), “Operato coalescente nulor ”como (??), e "Operador de encadeamento opcional”Representando como (?.). Usando um ponto de interrogação (?) no código JavaScript torna seu código legível e depra facilmente ao lidar com erros. Neste post, demonstramos o que o ponto de interrogação “?”IS e seus usos no JavaScript com exemplos detalhados.