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.