TypeScriptTypeScript高级类型之Partial

Posted 2022-12-05 Ly_cat

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'

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