JavaScript 中怎么在 TypeScript 中定义接口与类型别名-js教程-PHP中文网

必须用interface：当需类implements、声明合并或作为可扩展api入口时；优先用type：当需联合/交叉类型、元组、函数类型或高级类型运算时。

javascript 中怎么在 typescript 中定义接口与类型别名

在 TypeScript 中，接口（interface）和类型别名（type）都用于定义对象结构或值的形状，但它们的使用场景、语义和能力略有不同。选哪个不是“对错”问题，而是看需求是否匹配其特性。

interface 更适合描述对象的“对外契约”，尤其当需要支持继承、合并或被类实现时。它天然支持声明合并（多个同名 interface 自动合并为一个），也更符合面向接口编程的思想。

用 extends 继承其他接口，支持多继承：
interface Admin extends User, Permissions { }
可以被 class 显式实现：
class Staff implements User { name: string; age: number; }
同名 interface 可多次声明，自动合并（常用于全局增强）：
interface String { capitalize(): string; }
interface String { trimEnd(): string; } // 合并后 String 拥有两个方法

type 更通用，能表示联合类型、元组、映射类型、条件类型等复杂结构，不能被类 implements，也不支持声明合并（重复定义会报错）。

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

定义联合类型或字面量类型：
type Status = 'loading' | 'success' | 'error';
type ID = string | number;
定义元组或函数类型：
type Point = [number, number];
type ClickHandler = (e: MouseEvent) => void;
配合 keyof、in 做高级类型操作：
type Keys = keyof T;
type PartialRecord = { [P in K]?: V };

当你在设计公共 API、组件 props、响应数据结构，且预期未来可能被继承、实现或扩展时，interface 是更自然的选择。例如 React 组件的 props、Axios 的响应类型、第三方库的类型声明通常都用 interface。

组件 props 接口清晰表达“这个组件接受什么”：
interface ButtonProps { children: string; onClick: () => void; disabled?: boolean; }
与第三方库配合时（如 Redux、React Router），官方类型大多基于 interface，保持一致性更易维护

遇到以下情况只能用 type：

需要定义联合类型（|）、交叉类型（&）或元组：
type ApiResponse = SuccessResponse | ErrorResponse;
需要给函数类型、原始类型或复杂计算类型起别名：
type AsyncFn = () => Promise;
使用映射类型或条件类型（如 Partial<t></t>、ReturnType<f></f>）时，这些本身是 type-level 运算，只能用 type 包装