TypeScript 中用接口约束函数参数
2026-08-04 16:04:20
# TypeScript 中用接口约束函数参数
在 TypeScript 项目中,接口可以把函数需要的数据结构表达清楚,让调用方和实现方共享同一份契约。
例如,文章发布函数可以接收一个包含标题和正文的对象:
interface ArticleInput {
title: string;
content: string;
}
function getContentLength(article: ArticleInput): number {
return article.content.length;
}
当调用方缺少 title 或 content,或者传入了错误类型时,TypeScript 会在编译阶段提示问题。相比在运行时靠注释约定字段,接口约束更容易维护,也方便编辑器提供自动补全。
在实际项目中,可以继续把可选字段、联合类型和泛型加入接口,但建议先保持数据结构简单,再根据真实业务逐步扩展。