Entrar Ainda não tem acesso?
1
resposta

qual e a diferença desses tipos de tipagens

Referente ao curso TypeScript parte 2: avançando na linguagem, no capítulo TSC e StrictNullChecks e atividade Tratando null em nosso código

por Flávio Oliveira de Andrade
| 220.2k xp | 90 posts
const form = document.querySelector('.form');

exemplo 1 
  const form: HTMLInputElement = document.querySelector('.form');
  
exemplo 2
  const form = <HTMLInputElement>  document.querySelector('.form');

quando usar eles ?

1 resposta
por Luis Dias
| 2589.2k xp | 2180 posts
Developer PHP (⌐■_■)

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.