/ typechecking

Typechecking no javascript sem Typescript (VScode)

Sim, é exatamente isso que você leu no título.

Uma das enormes vantagens de se usar typescript no javascript é o seu typechecking e se você usa um editor como o VSCode essa checagem é feita em tempo real.

Mas é possível fazer essa checagem também com o javascript puro! E isso graças ao JSDoc.

Vamos ver o exemplo abaixo:

Digamos que agente vá usar a função abaixo passando um numero em vez de uma string no parametro myParagraph:

error

Como esperado irá causar um erro, pois passamos um Number no lugar em que esperamos que seja uma String.

Mas para evitar que isso aconteça, podemos usar o JSDoc para saber antes mesmo de executar o código que isso causará um erro se rodarmos o código.

Veja como o VSCode se comporta quando usamos o JSDoc com nossa function countCake

erroBefore

E então a magia funciona. Isso é possível graças a primeira linha, habilitando a checagem de tipos do typescript no nosso arquivo

// @ts-check

e claro também por que habilitamos isso no nosso VSCode com a opção:

"javascript.implicitProjectConfig.checkJs": true

Claro que isso não resolve todos os typecheckings, pois ainda vamos ficar sem a checagem dentro da function se por exemplo criarmos variaveis dentro dela e tentarmos usa-las de forma errada, mas ainda sim é uma baita de ajuda.

Para saber mais sobre a checagem de tipos com o JSDoc no VSCode acesse a documentação oficial do Typescript e JSDoc em
https://github.com/Microsoft/TypeScript/wiki/JSDoc-support-in-JavaScript