const form = document.querySelector('.form');
exemplo 1
const form: HTMLInputElement = document.querySelector('.form');
exemplo 2
const form = <HTMLInputElement> document.querySelector('.form');
quando usar eles ?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
const form = document.querySelector('.form');
exemplo 1
const form: HTMLInputElement = document.querySelector('.form');
exemplo 2
const form = <HTMLInputElement> document.querySelector('.form');
quando usar eles ?
Oi, Flavio
No exemplo 1, é utilizada a sintaxe de declaração de tipo, onde a variável form é declarada com o tipo HTMLInputElement.
No exemplo 2, é utilizada a sintaxe de type assertion (ou type casting) para informar explicitamente ao compilador que o resultado de document.querySelector('.form') deve ser tratado como um HTMLInputElement.
O exemplo 1 é considerado a melhor opção, pois aproveita as vantagens do TypeScript em fornecer verificação de tipo durante a compilação.