小鱼的博客 小鱼的博客
首页
  • 《ES6 教程》笔记
  • 《JavaScript教程》笔记
  • 《vue》笔记
  • 《git》学习笔记
  • 《TypeScript》学习笔记
  • 《Java教程》笔记
更多
  • 网站
  • 资源
  • Vue资源
分类
标签
归档
关于
友情链接
GitHub (opens new window)

小鱼

前端界的大佬,后端界的小学生
首页
  • 《ES6 教程》笔记
  • 《JavaScript教程》笔记
  • 《vue》笔记
  • 《git》学习笔记
  • 《TypeScript》学习笔记
  • 《Java教程》笔记
更多
  • 网站
  • 资源
  • Vue资源
分类
标签
归档
关于
友情链接
GitHub (opens new window)
  • 简介

  • 基础

    • 数据类型
    • 类型断言
    • 类型推论
    • 联合类型
    • 类型别名
    • 交叉类型
    • 可辨识联合
    • 类型保护与区分类型
    • TypeScript 函数
    • TypeScript 接口
    • TypeScript 类
    • TypeScript泛型
  • 《TypeScript》学习笔记
  • 基础
小鱼
2021-08-25

类型别名

TypeScript 提供了为类型注解设置别名的便捷语法,你可以使用 type SomeName = someValidTypeAnnotation 来创建别名:

type StrOrNum = string | number;

// 使用
let sample: StrOrNum;
sample = 123;
sample = '123';

// 会检查类型
sample = true; // Error
1
2
3
4
5
6
7
8
9

与接口不同,你可以为任意的类型注解提供类型别名(在联合类型和交叉类型中比较实用),下面是一些能让你熟悉类型别名语法的示例。

type Text = string | { text: string };
type Coordinates = [number, number];
type Callback = (data: string) => void;
1
2
3

提示

  • 如果你需要使用类型注解的层次结构,请使用接口。它能使用 implements 和 extends
  • 为一个简单的对象类型(如上面例子中的 Coordinates)使用类型别名,只需要给它一个语义化的名字即可。另外,当你想给联合类型和交叉类型提供一个语义化的名称时,一个类型别名将会是一个好的选择。
在 GitHub 上编辑此页 ! (opens new window)
#TypeScript
上次更新: 2021/09/02, 04:08:13
联合类型
交叉类型

← 联合类型 交叉类型→

最近更新
01
TypeScript泛型
08-26
02
TypeScript 类
08-26
03
TypeScript 接口
08-26
更多文章>
Theme by Vdoing | Copyright © 2021-2022 xiaoyu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式