Módulo 3 · Aula 3.1

Primeiro projeto TypeScript

Compare o contrato estático com os valores reais recebidos pelo navegador.

Voltar para a aula

Ambiente de execução

Crie uma tarefa validada

Pronto para analisar.

Tipos em execução

O navegador realmente recebeu

Valor do input: "3"
typeof input.value: string
Depois de Number(): 3
Tipo convertido: number

Objeto validado

{
  "title": "Estudar TypeScript",
  "estimate": 3,
  "completed": false
}

Apagamento de tipos

Fonte TypeScript e saída JavaScript

src/app.ts

type TaskDraft = {
  title: string;
  estimate: number;
  completed: boolean;
};

function createTask(
  title: string,
  estimate: number,
  completed: boolean,
): TaskDraft {
  return { title, estimate, completed };
}

dist/app.js

function createTask(
  title,
  estimate,
  completed,
) {
  return { title, estimate, completed };
}