TypeScript 条件语句

最新推荐文章于 2024-06-01 23:36:04 发布

书和咖啡

最新推荐文章于 2024-06-01 23:36:04 发布

阅读量223

点赞数

分类专栏： TypeScript 文章标签： javascript

本文链接：https://blog.csdn.net/ivenqin/article/details/114823143

版权

本文详细介绍了TypeScript中的条件语句，包括if、if...else、else if和switch语句，通过实例展示了它们的用法和区别。强调了在不同场景下选择合适条件语句的重要性，建议在判断固定值时使用switch，在判断区间或范围时使用if...else。

摘要由CSDN通过智能技术生成

条件语句用于基于不同的条件来执行不同的动作。判断给出的条件，如果条件为真执行什么代码，如果条件为假又执行什么代码。

TypeScript 中的条件语句其实和 JavaScript 中的条件语句一样，如果已经熟悉 JavaScript 中的条件语句，可以略过此节。

TypeScript 中 if 条件语句由一个布尔表达式跟一个代码块组成。

语法格式：

if(expression){
   
    // 当 expression 为 true 时执行代码块
}

定义一个变量 age，根据给定的条件表达式，判断用户的年龄是否符合玩游戏的要求：

var age:number = 22; 
// 给定一个条件
if(age >= 18){
   
    console.log("已满18岁， 可以玩游戏");
}

编译成 JavaScript 代码：

var age = 22;
// 给定一个条件
if (age >= 18) {
   
    console.log("已满18岁， 可以玩游戏");
}

输出：

已满18岁, 可以玩游戏

在 if 条件语句后面可以接一个可选的 else 语句，当给定的条件为 true 时，执行 if 语句后的代码块，为 false 则执行 else 语句后面的代码块。

语法格式：

if(expression){
   
    // 当 expression 为 true 时执行代码块
}else{
   
    // 当 expression 为 false 时执行
}

上面的示例中我们给定一个条件，当满足条件时，执行的是 if 语句后面的代码块，而不满足条件则不会执行代码。如果我们希望不满足条件时也能执行指定代码，就可以使用 if...else 条件语句。

如下所示当满足条件时，输出“已满 18 岁, 可以玩游戏”，不满足条件时，输出“未成人，不可以玩游戏”：

var age:number = 16; 
// 给定一个条件
if(age >= 18){
   
    console.log("已满18岁， 可以玩游戏");
}else{
   
    console.log("未成人， 不可以玩游戏");
}

编译成 JavaScript 代码：

var age = 16;
// 给定一个条件
if (age >= 18) {
   
    console.log("已满18岁， 可以玩游戏")

关注