Se você trabalhou com TypeScript no passado, é uma linguagem de programação que promove tipos de dados rígidos, o que ajuda os desenvolvedores a evitar muitos problemas de produção que podem ser evitados durante o desenvolvimento. Como o modo estrito está sendo habilitado por padrão no angular mais recente (v.12), estudaremos por que é uma ótima ideia habilitar esse recurso em seu aplicativo e como podemos escrever códigos que são seguros para o tipo.

Por que o modo estrito?

O objetivo de habilitar o modo estrito em aplicativos angulares é lembrar os desenvolvedores de garantir que variáveis, métodos e classes foram atribuídos a tipos de dados específicos. A configuração do modo estrito ajudará:

• pegar insetos cedo
• reduza o tamanho do pacote, evite alocar memória desnecessária.
• siga as melhores práticas
• obter melhor suporte IDE

Como escrever códigos com segurança de tipo

Abaixo estão algumas maneiras comuns de declarar definições de tipo para seus dados

Declarando o tipo explicitamente

Um tipo pode ser anexado a uma variável para evitar ambigüidade de tipo.

• Tipos primitivos

const a:number = 0;const b:boolean = false;const c:string = 'a';

const e:{x: number, y: string} = {x: 1, y: 'text'};
const f = e.x as number;

const g: number | null = null;

const h!: number;

const a = 0;     // a is a numberconst b = false; // b is a booleanconst c = 'a';   // c is a stringconst d = {x: 1, y: 'text'} 
// d is an object that has attribute x as number and attribute y as // a string

Ao desestruturar um literal de objeto, o tipo também pode ser declarado de duas maneiras:

• Declaração explícita

const a = {x: 1, y: undefined}
const {x: number} = a;
console.log(x); // 1

const a = {x: 1, y: undefined}
const {y = 'text' } = a;
console.log(y); // 'text'

• Assinatura do Método

methodA(a: string, b: number): void {...}
//methodA doesn't have a return typemethodB(): string {...}
//methodB returns a stringmethodC = (a: string, b: number): number => {...}
//methodC returns a number

methodD(a: string, b: number) {
  return 'text';
} 
//methodD returns a stringmethodE = (a: string, b: number) => b > 0
//methodE returns a boolean