Neste caso a tua condição if
avalia somente o ultimo caso, como uma normal operação com operador ,
, ou seja uma Sequence Expression
.
Há uma outra pergunta/resposta que fala sobre isso aqui.
O que acontece no exemplo
if (1, 2, 3) {
console.log(1, 2, 3);
}
é:
if (3) console.log(1, 2, 3);
pois diz a defenição do operador ,
:
The comma operator evaluates each of its operands (from left to right) and returns the value of the last operand.
O operador
,
avalia as expressões dos seus operandos, da esquerda para a direita, e retorna o valor do último operando.
Um exemplo mais claro seria talvez:
if (1, 2, false) {
console.log(1, 2, 3);
}
que nunca entra dentro do if
pois a condição retorna false
.
Para ser correto talvez o ideal fosse parentesis duplos: if ((1, 2, false))
para não misturar a sintaxe do if
com a sintaxe do operador ,
, mas parece funcionar bem esta maneira "atalho".
Há uma ferramenta excelente para ler o AST de JavaScript. Neste caso pode ler-se a seguinte árvore abstrata de sintaxe:
{
"type": "IfStatement",
"start": 4,
"end": 55,
"test": {
"type": "SequenceExpression",
"start": 8,
"end": 15,
"expressions": [ ... os operandos ...]