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;