为了账号安全,请及时绑定邮箱和手机立即绑定
首页 手记 【金秋打卡】第23天 2小时极速入门...

【金秋打卡】第23天 2小时极速入门 TypeScript(3-5)

2022.11.15 20:32 38浏览

课程名称:2小时极速入门 TypeScript

课程讲师:阿莱克斯刘

课程内容:

今天课程学习的主要知识点内容包括:
1、联合(Union)类型;
2、字面量(Literal)类型;

课程收获:

通过学习老师的视频课程和同学的公开笔记,主要收获如下:
1、联合(Union)类型
联合类型可以同时保存多种类型的变量,声明的时候,使用 “|” 将需要支持的多种类型进行分隔;

代码举例:

let union string | number
union = 2;
union = "sdagasdgads";
// union = true; 会报错

let union2: number | string | boolean | string[]

function merge(n1: number | string, n2 : number | string) {
  if(typeof n1 ==="string" || typeof n2 ==="string")
    return n1.toString() + n2.toString();
  else
    return n1 n2
}

let mergeNumber = merge(2,5)
let mergestring  = merge("hello","world");
console.Log(mergeNumber)
console.log(mergestring)

2、字面量(Literal)类型;
字面量的类型,是具体类型的数值(常量定义可以看作之唯一值的字面量);

代码举例:

// 字面量类型(literal)
let union3: 0 | 1 | 2
union3 = 1
// union3 = 4 会报错

let literal : 1 | "2" | true | [1,2,3,4]

字面量类型和联合类型混合使用可以实现非常强大的代码逻辑,举例:

function merge(
  n1: number | string,
  n2: number | string,
  resultType: "as-number" | "as-string"
) {
  if (resultType === "as-string"){
    return n1.toString() + n2.toString();
  }
  if (typeof n1 ==="string"typeof n2 ==="string")
    return n1.toString()+n2.toString();
  else return n1 n2;
}

let mergeNumber = merge(2, 5, "as-number")
let mergeNumber2 = merge(2, 5, "as-string")
let mergestring = merge("hello", "world", "as-string");

console.Log(mergeNumber)
console.log(mergeNumber2)
console.log(mergestring)

点击查看更多内容
0人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
手记
粉丝
1
获赞与收藏
7

关注TA,一起探索更多经验知识

同主题相似文章浏览排行榜

风间影月说签约讲师

51篇手记,涉及Java、MySQL、Redis、Spring等方向

进入讨论

Tony Bai 说签约讲师

151篇手记,涉及Go、C、Java、Python等方向

进入讨论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消