ts interface x type

guiliuri answered on October 28, 2022 Popularity 3/10 Helpfulness 1/10

answer ts interface x type

ts interface x type

Comment

// Existem dois tipos principais para declarar a forma de um
// objeto: interfaces e tipos.

// Eles são bem parecidos e para a maioria dos casos
// funcionam da mesma forma.

type TipoPassaro = {
  asas: 2;
};

interface InterfacePassaro {
  asas: 2;
}

const passaro1: TipoPassaro = { asas: 2 };
const passaro2: InterfacePassaro = { asas: 2 };

// Porque o Typescript é um sistema de tipagem estrutural
// é possível misturar o seu uso também.

const passaro3: InterfacePassaro = passaro1;

// Ambos suportam a extensão de outras interfaces e tipos.
// Os tipos fazem isso através da interseção de tipos,
// enquanto interfaces possuem uma palavra-chave.

type Coruja = { noturno: true } & TipoPassaro;
type Robin = { noturno: false } & InterfacePassaro;

interface Pavao extends TipoPassaro {
  colorido: true;
  voa: false;
}
interface Galinha extends InterfacePassaro {
  colorido: false;
  voa: false;
}

let coruja: Coruja = { asas: 2, noturno: true };
let galinha: Galinha = { asas: 2, colorido: false, voa: false };

// Tendo dito isso nós recomendamos você a usar interfaces ao invés de tipos.
// Especialmente porque você recebe melhores mensagens de erro.
// Se passar o mouse sobre o erro, você pode ver os erros que o Typescript
// mais focados para interfaces como a Galinha.

coruja = galinha;
galinha = coruja;

// Uma das maiores diferenças entre tipos e interfaces é que
// interfaces são abertas e tipos são fechados.
// Isso signifca que você pode extender interfaces declarando
// uma segunda vez.

interface Gato {
  ronrona: boolean;
}

interface Gato {
  cor: string;
}

// Por outro lado tipos não podem ser alterados fora
// da própria declaração.

type Filhote = {
  cor: string;
};

type Filhote = {
  brinquedos: number;
};

// Dependendo dos seus objetivos essa diferença pode ser
// positiva ou negativa. No entando, para expor os tipos publicamente
// é melhor transformá-los em interfaces.

// Como um dos melhores recursos para ver todos os casos de uso
// de tipos vs interfaces, recomendamos essa thread do Stackoverflow
// como um bom ponto de partida:

// https://stackoverflow.com/questions/37233735/typescript-interfaces-vs-types/52682220#52682220

Popularity 3/10 Helpfulness 1/10 Language typescript

Source: Grepper

Tags: interface typescript

Link to this answer
Share Copy Link

Contributed on Oct 28 2022

guiliuri

0 Answers Avg Quality 2/10

ts interface x type

Contents

More Related Answers

ts interface x type

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.