# Typescript

# type和interface有什么区别

# 相同点

都可以描述一个对象或函数

# 不同点

type可以声明基本类型,元组,联合类型

interface可以而type不可以

interface可以进行声明合并
interface cat {
 name: string
 age: number
}
interface cat {
 color: string
}

那么cat接口为
cat {
 name: string
 age: number
 color: string
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

# Omit<Type, Keys>

通过从 Type 中选择所有属性然后删除 Keys（字符串字面或字符串字面的并集）来构造一个类型。与 Pick 相反。

interface Todo {
  title: string;
  description: string;
  completed: boolean;
  createdAt: number;
}
 
type TodoPreview = Omit<Todo, "description">;
const todo: TodoPreview = {
  title: "Clean room",
  completed: false,
  createdAt: 1615544252770,
};

1
2
3
4
5
6
7
8
9
10
11
12
13

# Pick<Type, Keys>

通过从 Type 中选取一组属性 Keys（字符串字面或字符串字面的并集）来构造一个类型。

interface Todo {
  title: string;
  description: string;
  completed: boolean;
}
 
type TodoPreview = Pick<Todo, "title" | "completed">;
 
const todo: TodoPreview = {
  title: "Clean room",
  completed: false,
};

1
2
3
4
5
6
7
8
9
10
11
12

# Partial

构造一个将 Type 的所有属性设置为可选的类型。此工具将返回一个表示给定类型的所有子集的类型。

interface Todo {
  title: string;
  description: string;
}
 
function updateTodo(todo: Todo, fieldsToUpdate: Partial<Todo>) {
  return { ...todo, ...fieldsToUpdate };
}
 
const todo1 = {
  title: "organize desk",
  description: "clear clutter",
};
 
const todo2 = updateTodo(todo1, {
  description: "throw out trash",
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17