首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >(五)给对象添加类型和使用 type 关键字定义可复用的对象类型

(五)给对象添加类型和使用 type 关键字定义可复用的对象类型

作者头像
老怪兽
发布2023-02-22 14:49:38
发布2023-02-22 14:49:38
1K0
举报

#给对象添加类型

代码语言:javascript
复制
let product: {
    title: string
    price: number
    insTock: boolean
} = {
    title: '纯棉 T 恤',
    price: 99.8,
    inStock: true
}

# 使用 type 关键字定义可复用的对象类型

  • 在上一章节中我们定义的类型是直接写死在变量后面的,这样的话有新的对象需要用到要在复制一份
代码语言:javascript
复制
let product: {
    title: string
    price: number
    insTock: boolean
} = {
    title: '纯棉 T 恤',
    price: 99.8,
    inStock: true
}

// 新,这两个是重复的,但是还是要重新赋值,不利于代码复用
let productLable: {
    title: string
    price: number
    insTock: boolean
} = {
    title: '纯棉秋裤',
    price: 89.8,
    inStock: true
}
  • 为了解决上面出现的这种情况,TypeScript 可以允许我们将上面这种可复用的类型定义到一个 type 里面,使用的时候直接在属性后面使用就可以了(推荐首字母大写和其他变量名区分开)
代码语言:javascript
复制
type Product = {
    title: string
    price: number
    insTock: boolean
}

// 使用
let product: Product = {
    title: '纯棉 T 恤',
    price: 99.8,
    inStock: true
}

let productLable: Product = {
    title: '纯棉秋裤',
    price: 89.8,
    inStock: true
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年11月29日,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • # 使用 type 关键字定义可复用的对象类型
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档