TypeScript - 如果...否则语句:初学者指南

你好啊,未来的编程巨星!? 今天,我们将深入编程中最基础的概念之一:TypeScript 中的如果...否则语句(if...else)。把它想象成你代码中的决策者,就像一只聪明的猫头鹰,帮助你的程序选择要走哪条路。让我们一起开始这段激动人心的旅程!

TypeScript - If Else Statement

什么是如果...否则语句?

在我们深入了解之前,先来了解一下如果...否则语句是什么。想象你在一个冰淇淋店,需要决定选择巧克力口味还是香草口味。你的思考过程可能是这样的:

"如果巧克力口味可用,我就选择巧克力。否则,我就选择香草口味。"

这正是编程中的如果...否则语句的工作原理!它允许你的代码基于特定条件做出决策。

语法

现在,让我们看看如何在 TypeScript 中编写一个如果...否则语句。别担心,如果一开始看起来有点奇怪——我们会一步一步分解!

if (condition) {
// 条件为真时执行的代码
} else {
// 条件为假时执行的代码
}

让我们分解一下:

  1. if:这个关键字开始这个语句。
  2. (condition):这里是你放置条件的地方。就像提出一个问题。
  3. { }:这些花括号包含条件为真时运行的代码。
  4. else:这个关键字引入了替代选项。
  5. { }:这些花括号包含条件为假时运行的代码。

流程图

为了可视化如果...否则语句的工作方式,让我们来看一个简单的流程图:

[开始]
|
v
[检查条件]
/           \
(是)        (否)
|             |
v             v
[执行真]  [执行假]
|             |
v             v
[继续]

这个流程图展示了程序如何根据条件是否为真来决定走哪条路径。

示例

现在,让我们深入到一些现实世界的示例中,看看如果...否则语句是如何工作的!

示例 1:冰淇淋决策

让我们编写我们之前的冰淇淋决策:

let chocolateAvailable: boolean = true;

if (chocolateAvailable) {
console.log("太棒了!我要选择巧克力冰淇淋。");
} else {
console.log("我猜我要选择香草冰淇淋了。");
}

在这个示例中:

  • 我们声明了一个变量 chocolateAvailable 并将其设置为 true
  • 如果语句检查 chocolateAvailable 是否为真。
  • 因为它是真,所以第一组花括号中的代码将会运行。
  • 控制台将显示:"太棒了!我要选择巧克力冰淇淋。"

尝试将 chocolateAvailable 改为 false 并看看会发生什么!

示例 2:基于时间的问候

让我们创建一个程序,根据一天中的时间来给你不同的问候:

let currentHour: number = 14; // 下午 2 点

if (currentHour < 12) {
console.log("早上好!");
} else if (currentHour < 18) {
console.log("下午好!");
} else {
console.log("晚上好!");
}

这里发生了什么:

  • 我们将 currentHour 设置为 14(下午 2 点)。
  • 第一个条件 currentHour < 12 是假的,所以我们移到下一个条件。
  • currentHour < 18 是真的,所以 "下午好!" 被输出到控制台。
  • 最后的 else 块被跳过。

示例 3:成绩计算器

让我们创建一个简单的成绩计算器:

let score: number = 85;
let grade: string;

if (score >= 90) {
grade = "A";
} else if (score >= 80) {
grade = "B";
} else if (score >= 70) {
grade = "C";
} else if (score >= 60) {
grade = "D";
} else {
grade = "F";
}

console.log(`你的成绩是:${grade}`);

在这个示例中:

  • 我们设置了一个 score 为 85。
  • 我们使用多个 if...else if 语句来检查分数的不同范围。
  • 由于 85 大于或等于 80,所以成绩被设置为 "B"。
  • 最后,我们将成绩输出到控制台。

常见方法和它们的用法

下面是一个常见方法和操作符的表格,你可能会在如果...否则语句中使用:

方法/操作符 描述 示例
=== 严格相等 if (x === 5)
!== 严格不等 if (y !== 10)
> 大于 if (age > 18)
< 小于 if (temperature < 0)
>= 大于或等于 if (score >= 60)
<= 小于或等于 if (quantity <= 0)
&& 逻辑与 if (x > 0 && x < 10)
|| 逻辑或 if (day === "Sat" || day === "Sun")
! 逻辑非 if (!isLoggedIn)

结论

恭喜你!你已经迈出了进入 TypeScript 条件编程世界的第一步。记住,这些语句就像你代码中的交通信号灯,引导你的程序根据你设置的条件走不同的路径。

在你继续编程之旅时,你会发现你会经常使用如果...否则语句。它们非常灵活且强大。所以,继续练习,很快你就能像选择巧克力还是香草冰淇淋一样轻松地在代码中做出决策!

快乐编程,并记住——在编程中,就像在生活中一样,一切都是关于做出正确的选择!??

Credits: Image by storyset