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

文章目录

  • 一、条件语句
    • [1、if else 语句](#1、if else 语句)
    • [2、switch case 语句](#2、switch case 语句)

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

一、条件语句


1、if else 语句

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

if else 语句语法如下 :

typescript 复制代码
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 语句 :

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

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

typescript 复制代码
[LOG]: "大于 18 岁成年" 

if else 语句 :

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

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

typescript 复制代码
[LOG]: "成年了" 

2、switch case 语句

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

switch case 语法 :

typescript 复制代码
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 代码块 , 如果没有该代码块 则直接退出该分支结构 ;

代码示例 :

typescript 复制代码
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;  
}

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

typescript 复制代码
[LOG]: "蓝色" 
相关推荐
Smile_Gently2 小时前
前端:最简单封装nmp插件(组件)过程。
前端·javascript·vue.js·elementui·vue
咸鱼过江3 小时前
openharmony中HDF驱动框架关键流程说明-观察者模式
观察者模式·harmonyos·hdf框架
敢嗣先锋5 小时前
鸿蒙5.0实战案例:基于List和Scroller由简单到复杂列表布局开发实践
list·移动开发·多线程·harmonyos·arkui·组件化·鸿蒙开发
nihui1237 小时前
Uniapp 实现顶部标签页切换功能?
javascript·vue.js·uni-app
一 乐8 小时前
高校体育场管理系统系统|体育场管理系统小程序设计与实现(源码+数据库+文档)
前端·javascript·数据库·spring boot·高校体育馆系统
shengmeshi8 小时前
vue3项目img标签动态设置src,提示:ReferenceError: require is not defined
javascript·vue.js·ecmascript
BillKu8 小时前
vue3中<el-table-column>状态的显示
javascript·vue.js·elementui
祈澈菇凉9 小时前
ES6模块的异步加载是如何实现的?
前端·javascript·es6
我爱学习_zwj9 小时前
4.从零开始学会Vue--{{组件通信}}
前端·javascript·vue.js·笔记·前端框架
*TQK*10 小时前
✨1.HTML、CSS 和 JavaScript 是什么?
前端·javascript·css·html