前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >(十二)类型别名与限定值

(十二)类型别名与限定值

作者头像
老怪兽
发布2023-02-22 14:57:38
1790
发布2023-02-22 14:57:38
举报
文章被收录于专栏:老怪兽的前端之旅

# 一、类型别名与限定值

说明

通过类型别名我们可以把一长串的类型别名起一个简短的名字,这样既方便我们编写代买,也方便我们复用

  • 在使用地方写上联合类型
代码语言:javascript
复制
interface Product {
    title: string
    price: number | string
}

let product = {
    title: '牛仔裤',
    price: 90
}
  • 使用 type 关键词来定义联合类型
代码语言:javascript
复制
type Price = number | string

interface Product {
    title: string
    price: Price         // 在这里直接使用 type 定义的联合类型
}

let product = {
    title: '牛仔裤',
    price: "¥100"
}

# 二、type 的其他用法

说明

我们还可以使用 type 定义某些属性,只允许选择它规定的值,比如说 gender 只能选择男女

  • 限定选择值(直接写在类型后面)
代码语言:javascript
复制
type Price = number | string

interface Product {
    title: string
    price: Price         // 在这里直接使用 type 定义的联合类型
    size: 'S' | 'M' | 'L'   // 只允许写这 4 个值中的一个
}

let product = {
    title: '牛仔裤',
    price: "¥100",
    size: 'S'
}
  • 使用 type 关键词来定义别名(这种也是限定类型,只是这个限定的是固定的值)
代码语言:javascript
复制
type Price = number | string
type Size = 'S' | 'M' | 'L'

interface Product {
    title: string
    price: Price         // 在这里直接使用 type 定义的联合类型
    size: Size           // 只允许写这 4 个值中的一个
}

let product = {
    title: '牛仔裤',
    price: "¥100",
    size: 'S'
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年11月29日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • # 一、类型别名与限定值
  • # 二、type 的其他用法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档