当前位置：首页 > news >正文

【OpenHarmony】TypeScript 语法 ③ ( 条件语句 | if else 语句 | switch case 语句 )

news 来源：原创 2024/7/7 16:43:59

文章目录

一、条件语句
- 1、if else 语句
- 2、switch case 语句

在这里插入图片描述

参考文档 : <HarmonyOS第一课>ArkTS开发语言介绍

一、条件语句

1、if else 语句

TypeScript 中的 if 语句 / if else 语句用法 , 与 JavaScript 语言中的 if 语句 / if else 语句语法基本相同 ;

if else 语句语法如下 :

if (condition1) {  // 当 condition1 为真时执行的代码块  
} else if (condition2) {  // 当 condition1 为假，但 condition2 为真时执行的代码块  
} else if (condition3) {  // 当 condition1 和 condition2 都为假，但 condition3 为真时执行的代码块  
} else {  // 当所有条件都为假时执行的代码块  
}

condition1 / condition2 / condition3 条件会按照顺序进行判断 ,

一旦某个条件为真 , 就会执行相应的代码块 , 并且跳过后续的所有 else if 和 else 代码块 ;

如果 condition1 / condition2 / condition3 条件都为 false , 则执行最后的 else 代码块 ;

if 语句 :

let age: number = 19;  if (age > 18) {  console.log("大于 18 岁成年");  
}

在 https://ts.nodejs.cn/play 中运行 TypeScript 代码 :

[LOG]: "大于 18 岁成年"

在这里插入图片描述

if else 语句 :

let age: number = 19;  if (age > 18) {  console.log("成年了");  
} else {  console.log("未成年");  
}

在 https://ts.nodejs.cn/play 中运行 TypeScript 代码 :

[LOG]: "成年了"

在这里插入图片描述

2、switch case 语句

TypeScript 语言的 switch case 语句语法与 JavaScript 语言基本相同 , 该条件语句结构可以根据一个表达式的值来执行不同的 case 代码块中的代码 ;

switch case 语法 :

switch (expression) {  case value1:  // 当 expression 表达式值 等于 value1 时执行该代码块break;  case value2:  // 当 expression 表达式值 等于 value2 时执行该代码块break;   default:  // 如果上面的 case 后的 表达式值 都不匹配 , 则执行该代码块break;  
}

expression 是要匹配的表达式 , 该表达式的计算结果与每个 case 语句后面指定的值进行比较 ;
case 后面跟着的是要与 expression 的结果进行比较的值 ;
- case 值匹配 : 如果 expression 的结果与某个 case 的值匹配 , 那么将执行该 case 下的代码 , 直到遇到 break 语句或者整个 switch 语句结束 ;
- 终止条件 : break 语句的作用是终止 switch 语句的执行 , 直接跳出 switch 分支结构 , 如果连续多个 case 语句之间没有 break 关键字 , 会继续继续执行下一个 case 代码块 , 直到遇到下一个 break 关键字或者 switch 语句执行结束 ;
- case 值不匹配 : 如果 expression 的结果与所有的 case 值不匹配 , 则执行 default 代码块 , 如果没有该代码块则直接退出该分支结构 ;

代码示例 :

let color: string = "Blue";  switch (color) {  case "Blue":  console.log("蓝色");  break;  case "Red":  console.log("红色");  break;  case "Purple":  console.log("紫色");  break;  default:  console.log("未知颜色");  break;  
}