应用台导航页
  • 主页
  • 博客
  • 知识库
  • 工作台
  • 集萃
  • 友链
  • 关于
ts 拾遗
ts交叉类型

ts 拾遗

技术
更新于 2025-03-05
— 1468 字
返回

声明函数类型

在 TypeScript 中，声明一个函数为某个类型的几种常见方式：

  1. 使用类型注解声明函数的参数和返回值类型：
typescript
function add(a: number, b: number): number {
  return a + b;
}
  1. 使用类型别名声明函数类型：
typescript
type AddFunction = (a: number, b: number) => number;
const add: AddFunction = (a

相关内容

  • JS 实现 rank

    JS 实现 rank

    更新于2023-07-24

  • ts 部分属性可选但某些属性必须存在的类型

    ts 部分属性可选但某些属性必须存在的类型

    更新于2023-04-13

  • 计算机网络物理层真题

文章大纲

  • 声明函数类型
  • Omit 多个属性
  • 提取 React 组件 Props 类型
  • 扩展用 typeof 定义的类型
  • 联合类型（Union Types）
选项
文章 ID: 57

相关内容

  • JS 实现 rank

    JS 实现 rank

    更新于2023-07-24

  • ts 部分属性可选但某些属性必须存在的类型

    ts 部分属性可选但某些属性必须存在的类型

    更新于2023-04-13

  • 计算机网络物理层真题

    计算机网络物理层真题

    更新于2026-10-18

  • 物理层

    物理层

    更新于2026-10-18

  • 408考研计算机网络真题——运输层大题

    408考研计算机网络真题——运输层大题

    更新于2026-10-18

dors logoDors

Dors 是花野猫开发为知识工作者打造的数字花园应用，包含的博客、个人记事本、及其他实用功能。

花园

  • 花坛——博客
  • 果园——知识库

工坊——作者开发的实用工具

  • 小记
  • 秒切——一键按秒分割视频
  • 中国重点高校地理位置可视化网站
  • 中国行政区划数据查询平台
  • excel 重命名工具

misc

  • 生活章程
  • 画廊
  • just have fun!

© 2022 - present. All Rights Reserved.滇ICP备2025063395号-1

花野猫打造
,
b
)
=>
{
return a + b;
};
  1. 使用接口声明函数类型：
typescript
interface AddFunction {
  (a: number, b: number): number;
}
const add: AddFunction = (a, b) => {
  return a + b;
};
  1. 使用泛型声明函数类型：
typescript
function identity<T>(arg: T): T {
  return arg;
}

Omit 多个属性

在 TypeScript 中，可以使用 "Omit" 工具类型来从一个类型中排除指定的属性。"Omit" 类型接受两个参数：第一个参数是要从中排除属性的类型，第二个参数是要排除的属性名称。

下面是一个示例：

typescript
type Person = {
  name: string;
  age: number;
  address: string;
};
type PersonWithoutAgeAndAddress = Omit<Person, 'age' | 'address'>;
// 使用示例
const person: PersonWithoutAgeAndAddress = {
  name: 'John Doe'
};

Omit 工具类型创建了一个名为 PersonWithoutAgeAndAddress 的新类型，它排除了 age 和 address 属性。

提取 React 组件 Props 类型

React.ComponentProps

扩展用 typeof 定义的类型

可以通过使用交叉类型（Intersection Types）来扩展一个类型。例如可以定义一个新的类型 NoteWithSortIndex，它将 Note 类型与一个包含 sortIndex 属性的对象类型结合起来。这样，NoteWithSortIndex 类型就包含了 Note 类型的所有属性，外加一个可选的 sortIndex 属性。可以在需要使用 sortIndex 的地方使用 NoteWithSortIndex 类型，而不需要修改 Note 类型本身。

typescript
export const DEFAULT_NOTE = {
  seq: "0",
  id: Date.now(),
  content: "",
  tags: [] as string[],
  updatedAt: Date.now(),
};
export type Note = typeof DEFAULT_NOTE;
// 定义一个新的类型，包含可选的 sortIndex 属性
type SortIndex = {

联合类型（Union Types）

联合类型使用 | 符号将多个类型组合在一起，表示一个值可以是这些类型中的任意一个。联合类型表示“或”的关系，即一个变量可以是多个类型中的某一种。联合类型的变量只能访问多个类型中的共同属性和方法。如果需要访问非共同属性，需要通过类型断言或类型守卫

计算机网络物理层真题

更新于2026-10-18

  • 物理层
  • 408考研计算机网络真题——运输层大题
    • sortIndex?: number;
    };
    // 使用交叉类型来扩展 Note 类型
    export type NoteWithSortIndex = Note & SortIndex;

    物理层

    更新于2026-10-18

    408考研计算机网络真题——运输层大题

    更新于2026-10-18