【TypeScript】TypeScript高级类型之Partial

最新推荐文章于 2025-05-13 15:35:43 发布

Ly_cat

最新推荐文章于 2025-05-13 15:35:43 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： TypeScript 文章标签： typescript

本文链接：https://blog.csdn.net/weixin_43853746/article/details/121923864

TypeScript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何利用TypeScript的Partial工具类型将接口中的所有属性变为可选，以消除因缺少属性而导致的编译错误。通过示例展示了Partial的用法，帮助开发者更好地理解和应用这一特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Partial

Partial 可以快速把某个接口类型中定义的所有属性变成可选的。

举个栗子：

interface ApiKey {
  id: number;
  name: string;
}

const dataType1: ApiKey = {
  id: 1,
  name: 'static'
}

const dataType2: ApiKey = {
  name: 'json'
}

这段代码会在编译时报错：

error TS2741: Property 'id' is missing in type '{ name: string; }' but required in type 'ApiKey'.Key'.

因为dataType2的类型是ApiKey，ApiKey中id和name都是必选的，这导致编译报错。假如ApiKey中的参数是可选的，那么这个问题就会不复存在，而Partial的作用就在于此，它可以帮助我们把ApiKey中的所有属性都变成可选的。

我们用Partial来重写一下这个栗子：

interface ApiKey {
  id: number;
  name: string;
}

const dataType1: ApiKey = {
  id: 1,
  name: 'static'
}

const dataType2:  Partial<ApiKey> = {
  name: 'json'
}

这个时候在运行，就不会报错了。