亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

【九月打卡】第15天 Typescript 枚舉類型

標簽:
Typescript

课程章节: 第3章 TypeScript 基础 3-6 枚举类型 Enum

主讲老师阿莱克斯刘

课程内容:
今天学习的内容是 Typescript 的枚举类型。

枚举

枚举就是将一个类型的所有可能的值都列举出来。

枚举是一个很有用的功能。ES3 中就将 enum 作为保留字,但是直到现在,ECMAScript 规范中仍然没有实现枚举类型。

在 JS 中通常会使用一个对象模拟枚举来使用,比如要使用一个 Color,它有三个值:

let Color = {  
 red:0,  
 green: 1,  
 blue: 2  
}

如果使用枚举类型,应该这样定义:

enum Color {  
 red,  
 green,  
 blue  
}

枚举类型的成员的值默认从 0 开始。使用枚举:

let red = Color.red; // 0

变量 red 的类型就是 Color

image-20220910143613392

也可以自定义枚举成员的值:

enum Color {  
 red = 5,  
 green,  
 blue  
}

后面没有定义值的成员,将从 6 开始计算。

注意枚举和对象的区别,对象的 keyvalue 中间使用冒号 : 分割,枚举使用的赋值 =

枚举值除了是数字类型,还可以定义为其他类型,比如字符串类型:

enum Color {  
 red = 'red',  
 green = 'green',  
 blue = 'blue'  
} 

let green = Color.green;  
console.log(green); // 'green' 

课程收获
这节课学习了 Typescript 的枚举类型,枚举类型在开发中经常使用,配合 switch 语句十分强大。
图片描述

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
2
獲贊與收藏
4

關注作者,訂閱最新文章

閱讀免費教程

  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消