ReactとtypeScriptを使用して、type
とinterface
の違いについての疑いが一般的です。 実際には、多くの開発者はそれらを交換可能に使用して使用します。多くのシナリオでは、影響が最小限であるためです。 ニュアンスを明確にしましょう:
1。使用:
type
柔軟性を高め、タイプのタイプとして機能します
type Pessoa = { nome: string; idade: number; };
は、タイプの組合を許可します
type
interface
type Status = "sucesso" | "erro" | "carregando"; interface Status = "sucesso" | "erro" | "carregando"; // ❌ Erro
interface
2。相続:extends
interface Usuario { nome: string; idade: number; }
で複数の継承を許可します
交差点(interface
)を使用してタイプを組み合わせます
extends
interface Funcionario extends Pessoa { email: string; }
type
オブジェクトを操作する場合、&
を使用します
type Funcionario = Pessoa & { email: string; };
要するに、は通常、オブジェクトよりも望ましいですが、は他の状況に対してより大きな柔軟性を提供します
読んでくれてありがとう! コメントと相互作用は大歓迎です!以上がタイプスクリプト:タイプとインターフェイスの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。