advanced/string-literal-types.md · JavaScript/typescript-tutorial - Gitee.com

12月21日就在北京，来看大模型推理 + 国产硬件生态 + 开源社区分享，一起搞技术、聊开源、领福利~~

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

文件

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

string-literal-types.md 1.10 KB

一键复制编辑原始数据按行查看历史

提交于 2018-01-15 11:03 +08:00 . 统一缩进为四个空格

# 字符串字面量类型

字符串字面量类型用来约束取值只能是某几个字符串中的一个。

## 简单的例子

```ts
type EventNames = 'click' | 'scroll' | 'mousemove';
function handleEvent(ele: Element, event: EventNames) {
    // do something
}

handleEvent(document.getElementById('hello'), 'scroll');  // 没问题
handleEvent(document.getElementById('world'), 'dbclick'); // 报错，event 不能为 'dbclick'

// index.ts(7,47): error TS2345: Argument of type '"dbclick"' is not assignable to parameter of type 'EventNames'.
```

上例中，我们使用 `type` 定了一个字符串字面量类型 `EventNames`，它只能取三种字符串中的一种。

注意，**类型别名与字符串字面量类型都是使用 `type` 进行定义。**

## 参考

- [Advanced Types # Type Aliases](http://www.typescriptlang.org/docs/handbook/advanced-types.html#string-literal-types)（[中文版](https://zhongsp.gitbooks.io/typescript-handbook/content/doc/handbook/Advanced%20Types.html#字符串字面量类型)）

---

- [上一章：类型别名](type-aliases.md)
- [下一章：元组](tuple.md)

Loading...

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

1

https://gitee.com/creator-q/typescript-tutorial.git

git@gitee.com:creator-q/typescript-tutorial.git

creator-q

typescript-tutorial

typescript-tutorial

master