TypeScript 条件语句
Posted 黑马程序员官方
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了TypeScript 条件语句相关的知识，希望对你有一定的参考价值。
1. 条件语句
1.1 概述
生活中，打开网站看电影：1 免费电影 2 Vip 电影。
播放 Vip 电影时，首先会判断是不是 Vip：
- 如果是 Vip，就可以看完整电影；
- 如果不是 Vip，只能试看5分钟。
条件语句：根据判断条件的结果（真或假），来执行不同的代码，从而实现不同功能。
条件执行时，首先判断条件是否满足。
- 如果 条件满足，就做某件事情（情况1）
- 如果 条件不满足，就做另外一件事情（情况2）
1.2 if 语句
在 TypeScript 中 if 语句就是 实现条件判断 的。- if 语句的语法：
if (判断条件)
条件满足时，要做的事情
解释：
- 判断条件：布尔类型（true 或 false）。
- 如果 判断条件 为真，就执行 要做的事情；
- 否则，如果判断条件为假，则不执行花括号中的代码。
1.3 else 语句
在 TypeScript 中 else 语句必须配合 if 语句来使用。
else 语句表示：条件不满足，要做的事情（if 语句的对立面）。
- else 语句的语法：
if (判断条件)
条件满足时，要做的事情
else
条件不满足，要做的事情
3. 循环语句
3.1 概述
生活中，经常重复做某件事情，比如：
1. 上学时作业写 3 遍。
2. 女朋友说：爱我就对我说 100 遍“我爱你”。
需求：在 TS 中，打印 3 遍以下内容：
'北冥有鱼，其名为鲲。鲲之大，一锅装不下'在 TypeScript 中，要实现重复做某件事情，就需要用到循环语句，来减少重复劳动提升效率。
3.2 for 循环
在 TypeScript 中，for 循环就是实现重复做某件事情的循环语句。
注意：for 循环是 TS 基础知识的重难点，语法比较复杂。
上学时作业写 3 遍。先准备，写作业的遍数，默认为： 1 。- 第 1 遍：先判断遍数是否 <= 3（是）；写作业；遍数 + 1（准备开始第2遍）。
- 第 2 遍：先判断遍数是否 <= 3（是）；写作业；遍数 + 1（准备开始第3遍）。
- 第 3 遍：先判断遍数是否 <= 3（是）；写作业；遍数 + 1（准备开始第4遍）。
- 第 4 遍：先判断遍数是否 <= 3（否）；结束写作业。
for 循环的组成：
1. 初始化语句：声明计数器变量用来记录循环次数（执行一次）。
2. 判断条件：判断循环次数是否达到目标次数。
3. 计数器更新：完成一次循环让计数器数量加1。
4. 循环体：循环的代码，也就是要重复做的事情。
3.3 for 循环的基本使用语法：
for (初始化语句; 判断条件; 计数器更新)
循环体
初始化语句：声明 计数器变量 ，记录循环次数。
// 作业写 3 遍：
for (let i: number = 1; )
3.4 for 循环的执行过程
意义：for 循环的语法比较复杂，搞明白代码执行顺序，才是真正理解并掌握了 for 循环。
1. 初始化语句：只会执行一次。
2. 重复执行的部分：判断条件、循环的代码、计数器更新（绿色框框）。
说明：红色表示当前执行的代码。
for (let i: number = 1; i <= 3; i++)
console.log('...一锅装不下')
// 初始化计数器（
i = 1） -- 只执行一次
3.5 断点调试
疑问：老师是如何知道 for 循环执行过程的呢？断点调试
借助断点调试，观察代码的执行过程。
断点（Breakpoint）：程序暂停的位置（调试时，程序运行到此处，就会暂停）。
3.6 break和continue
break 和 continue 常用在循环语句中，用来改变循环的执行过程。
for 循环执行的特点是：连续且不间断。
例子：买了 5 个包子，吃包子。
for (let i: number = 1; i <= 5; i++)
console.log('正在吃第' + i + '个包子')
break 能够让循环提前结束（终止循环）。
例子：买了 5 个包子，吃包子。
场景：吃到（没吃）第3个饱了，剩下的就不吃了。
for (let i: number = 1; i <= 5; i++)
console.log('正在吃第' + i + '个包子')
for (let i: number = 1; i <= 5; i++)
if (i === 3)
break
console.log('正在吃第' + i + '个包子')
continue 能够让循环间断执行（跳过本次循环，继续下一次循环）。
例子：买了 5 个包子，吃包子。
场景：吃到第3个有虫子，这个就不再吃了，但没吃饱，继续吃下一个。
for (let i: number = 1; i <= 5; i++)
console.log('正在吃第' + i + '个包子')
for (let i: number = 1; i <= 5; i++)
if (i === 3)
console.log('正在吃第' + i + '个包子')
for (let i: number = 1; i <= 5; i++)
if (i === 3)
continue
console.log('正在吃第' + i + '个包子')
往期文章发布内容：
黑马前端专栏干货多多，关注再学，好方便~
2022年前端学习路线图：课程、源码、笔记，技术栈 另外此线路图实时更新！需要课后资料的友友们，可以直接告诉我喔~
以上是关于TypeScript 条件语句的主要内容，如果未能解决你的问题，请参考以下文章