Regras de linguagens de programação não podem mudar, o mundo inteiro depende delas estáveis, quebraria tudo o que as pessoas fizeram.
Bem, na verdade até mudam quando havia um erro grave na linguagem, ou estamos falando de PHP que não se importa em quebrar um monte de coisa e deixar todo mundo na mão. Mas nem sei se isso é ruim porque eles melhoram vários erros que a linguagem tinha. Claro, tem um lado bem ruim.
JavaScript é uma linguagem cheia de regras ruins. Quase todos problemas da linguagem está relacionada com as regras mal definidas.
Tipagem dinâmica contra o DOM
No caso específico há erros por causa da tipagem fraca que é algo que uma linguagem não deveria ter, isso causa vários problemas, e há erro por causa da implementação mal feita do DOM no navegador.
Vamos mudar o código para ver melhor o que está acontecendo:
var name = "10kg" / 10;
console.log(typeof name);
if (name) console.log(name);
else console.log("Not exist");
Coloquei no GitHub para referência futura.
Note que a variável name
é do tipo string
. Então como um número é do tipo string
? Ao contrário do padrão que aprendemos que JS tem tipagem dinâmica, variáveis de objeto do DOM não são de tipagem dinâmica e se você colocar um valor de um tipo diferente do que espera aí sim a linguagem implicitamente converte o valor para o tipo da variável.
Coloquei no GitHub para referência futura.
Tipagem fraca
Então tem outro erro de tipagem fraca. Quando um texto pode ser completamente convertido para número ele é, e isso não deveria acontecer. Mas quando tem uma parte que é texto, a conversão não ocorre, e aí em vez de gerar um valor válido gera um NaN.
Depois vem outro erro da tipagem fraca. Quando usa um valor em um lugar que espera um booleano ele usa a regra de conversão automática para obter o valor esperado, e uma string com um texto qualquer é verdadeiro. A regra é bem clara quanto a isso, só uma string vazia é falsa (que é outra regra esquisita). Aí tem um texto, não é vazio. Isso deveria ser proibido em qualquer linguagem decente, mas não é em JS.
Três conversões automáticas que não deveriam ter sido feitas causaram a confusão. E em geral as pessoas não entendem ou não sabem delas. Justamente por não ser intuitivo não deveria ser permitido.
O que você tem que fazer?
- Nunca use um valor que não seja especificamente do tipo que deseja. Não faça uma divisão com uma string e não use um valor que não seja um booleano onde se espera um valor assim, como o
if
por exemplo. Se você sempre lembrar disso JS será uma experiência muito melhor para você.
- Nunca use nome de variáveis do DOM, a não ser que ela seja tratada como local. Já explico
Feito assim nem precisa do if
porque ele trata de um erro de programação, e erros de programação devem ser consertados e não verificados em execução, não pode ser tratado como algo válido, ainda que a linguagem permita.
Ainda que este caso nem funcionou com o resultado esperado.
Funciona perfeitamente (mas ainda não é certo):
var name = 10 / 10;
if (name) console.log(name);
else console.log("Not exist");
Coloquei no GitHub para referência futura.
Melhor ainda para criar um booleano do jeito certo:
var name = 10 / 10;
if (name != 0) console.log(name);
else console.log("Not exist");
Coloquei no GitHub para referência futura.
Nome de variável inadequado
Uma variável numérica chamada name
gera confusão (geraria mesmo que fosse nome
porque nomes não são números). E aí vemos o problema do JavaScript (no navegador). Vamos mudar o nome:
var x = "10kg" / 10;
console.log(typeof x);
if (x) console.log(x);
else console.log("Not exist");
Coloquei no GitHub para referência futura.
Note que mudando o nome da variável o comportamento é outro. A conversão não é feita e acontece o que esperava. Na verdade até tem uma conversão, mas ela é feita depois.
name
na verdade não é uma variável local, ela é a variável do DOM cujo nome completo é window.name
e não pode ter seu tipo trocado.
Dá para usar o name
se garantir que está usando uma variável local:
let name = "10kg" / 10;
console.log(typeof name);
if (name) console.log(name);
else console.log("Not exist");
Coloquei no GitHub para referência futura.
Por isso no Node/Deno pode acontecer diferente (veja comentário acima), o que é outra maluquice do ecossistema inteiro. Mas nada estranho porque toda tecnologia web foi mal pensada.
Conclusão
E esse é mais um motivo que eu posso afirmar que tipagem dinâmica é errada na maioria dos cenários, não é só tipagem fraca que é ruim em todos. Até mesmo em scripts que eu achava certo, está errado porque eles costumam ser usados embarcados em outras aplicações que não possuem tipagem dinâmica e cria uma impedância, e aí acontece tudo isso.
JavaScript não deveria permitir conversões automáticas que causam confusão. Mesmo no caso do DOM que não pode ter tipagem dinâmica, a solução deveria ser dar um erro de execução quando tenta mudar o tipo da variável e não fazer uma conversão sem sentido. Viola o estilo de tipagem, mas não gera um resultado falso.
Not exist
e se o testar no Deno ele não compila com o erroerror: TS2362 [ERROR]: The left-hand side of an arithmetic operation must be of type 'any', 'number', 'bigint' or an enum type. let name = "10kg" / 10;
com o"10kg"
desatacado.