Skip to main content
11 de 12
replaced http://pt.stackoverflow.com/ with https://pt.stackoverflow.com/

O que você tem é um operador condicional ternário, uma variante de if/else, muito comum não só em JavaScript.

A sintaxe é: [ condição a testar ] ? [ resposta se verdadeiro ] : [ resposta se não verdadeiro ]

Exatamente esse ternário que você mostrou com foo três vezes não faz nada... mas se você tiver

var a = dog ? cat : mouse;

então se dog for verdadeiro (i.e, diferente de 0, false, null, undefined) então a recebe o valor de cat, se for falso recebe o valor de mouse

Exemplo de condições:

var valor = 10;
valor == 20 ? 'sim' : 'não' // retorna 'não'
valor !=20 ? 'sim' : 'não' // retorna 'sim'
valor < 20 ? 'sim' : 'não' // retorna 'sim'
valor - 10 ? 'sim' : 'não' // retorna 'não' porque 0 é interpretado como false, neste caso melhor usar (valor - 10) == 0 ?

Este operador ternário é o semelhante a

if(condição) { //faz algo se a condição for verdadeira }
else { //faz outra coisa caso contrário }

Porém (e crédito ao @bfavareto por referir esse detalhe que tinha esquecido de referir), este operador retorna um valor (que pode ser atribuído a uma variavel, dentro de outro ternário ou como condição de um outro if statement).

Assim pode usar-se

var variavel = foo ? foo : bar;
// ou mesmo, ainda mais comprimido, útil em alguns casos
var variavel = foo || bar;
Sergio
  • 135,1mil
  • 16
  • 201
  • 294