TypeScript - 字符串的字面类型

啥是字面量类型

字面量类型,是限制了一个字符串变量的取值范围只能某几个固定字符串中的一个。

我感觉 与枚举类型有异曲同工之妙。

字符串字面量类型有啥用

没啥用。

就是来限制字符串变量不能随便赋值的。

定义一个我看看

让你读书,但是只有四本书可以选。

此时就可以用字符串字面量类型来限制一下。
定义的格式 :

type 类型名称 = "可选值1" | "可选值2" | "可选值3" ...

ts 复制代码
type bookChoose = "《三国演义》" | "《水浒传》" | "《西游记》" | "《红楼梦》"
let bookRead : bookChoose = "《三国演义》"
// bookRead = "一本其他的书" // 不行,不能随便复制,会报错
相关推荐
行走的陀螺仪7 小时前
高级前端 Input 公共组件设计方案(Vue3 + TypeScript)
前端·javascript·typescript·vue·组件设计方案
by__csdn12 小时前
微前端架构:从理论到实践的全面解析
前端·javascript·vue.js·架构·typescript·vue·ecmascript
Hao_Harrision20 小时前
50天50个小项目 (React19 + Tailwindcss V4) ✨| RandomChoicePicker(标签生成)
前端·typescript·react·vite7·tailwildcss
Hao_Harrision21 小时前
50天50个小项目 (React19 + Tailwindcss V4) ✨| FAQ Collapse(问题解答折叠面板)
前端·typescript·react·vite7·tailwildcss
by__csdn21 小时前
javascript 性能优化实战:垃圾回收优化
java·开发语言·javascript·jvm·vue.js·性能优化·typescript
by__csdn21 小时前
JavaScript性能优化:减少重绘和回流(Reflow和Repaint)
开发语言·前端·javascript·vue.js·性能优化·typescript·vue
凯小默1 天前
【TypeScript+Vue3+Vite+Vue-router+Vuex+Mock 进行 WEB 前端项目实战】学习笔记共 89 篇(完结)
typescript·echarts·mock·vue3·vite·vuex·vue-router
深兰科技1 天前
坦桑尼亚与新加坡代表团到访深兰科技,促进AI在多领域的应用落地
java·人工智能·typescript·scala·perl·ai大模型·深兰科技
今天不要写bug1 天前
vue项目基于vue-cropper实现图片裁剪与图片压缩
前端·javascript·vue.js·typescript
ttod_qzstudio1 天前
Vue 3 + TypeScript 严格模式下的 Performance.now() 实践:构建高性能前端应用
typescript·performance