TypeScript: Perbezaan antara jenis dan antara muka

Menggunakan React dan TypeScript, keraguan tentang perbezaan antara

dan type adalah perkara biasa. Dalam praktiknya, banyak pemaju menggunakannya secara bergantian, seperti dalam banyak senario kesannya adalah minimum. Mari jelaskan nuansa: interface

1. Gunakan:

menawarkan fleksibiliti yang lebih besar, bertindak sebagai jenis untuk jenis type

Kelebihan penting:

<code class="language-typescript">type Pessoa = {
  nome: string;
  idade: number;
};</code>

membolehkan kesatuan jenis, sesuatu yang tidak dibenarkan

type interface, pada gilirannya, adalah sesuai untuk menentukan struktur objek dan menyokong warisan melalui

, mempromosikan penggunaan semula kod. Menentukan kontrak untuk objek

<code class="language-typescript">type Status = "sucesso" | "erro" | "carregando";
interface Status = "sucesso" | "erro" | "carregando"; // ❌ Erro</code>

interface 2. Warisan: extends

<code class="language-typescript">interface Usuario {
  nome: string;
  idade: number;
}</code>

Membenarkan pelbagai warisan dengan

Menggunakan persimpangan (interface) untuk menggabungkan jenis extends

<code class="language-typescript">interface Funcionario extends Pessoa {
  email: string;
}</code>

3. Penggunaan mana?

type Gunakan & apabila bekerja dengan objek dan memerlukan extensibility

Gunakan

<code class="language-typescript">type Funcionario = Pessoa & {
  email: string;
};</code>

apabila anda memerlukan jenis jenis, persimpangan, fungsi atau jenis pulangan API

Singkat Terima kasih atas bacaan anda! Komen dan interaksi adalah dialu -alukan!

Atas ialah kandungan terperinci TypeScript: Perbezaan antara jenis dan antara muka. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!