A razão de o comportamento ser diferente tem a ver com quais as conversões de tipos a serem feitas.
Quando tens Boolean('0')
é o mesmo que Boolean('x')
pois aos olhos do Tipo Boolean é uma string com conteúdo. Ou seja neste caso o responsável pela conversão é o Boolean()
.
Quando tens um comparador ==
aí as regras são diferentes. Podes ler na MDN o seguinte:
Equal (==)
If the two operands are not of the same type, JavaScript converts the operands >then applies strict comparison. If either operand is a number or a boolean, the operands are converted to numbers if possible;
Ou seja, o JavaScript converte ambos os valores em numero perante um comparador onde um dos membros da comparação é um booleano.
Então a comparação é entre Number('0')
e Number(false)
que são os dois 0
.
Pode ler-se sobre a lógica de comparação também diretamente na especificação da ECMASrcript aqui, e neste caso (no segundo exemplo) cai primeiro no caso 7
, e depois no caso 5
.
If Type(x) is String and Type(y) is Number,
return the result of the comparison ToNumber(x) == y.