【TypeScript】 ts控制语句

文章目录

  • ts控制语句
    • 1. 条件语句
      • 1.1 if 语句
      • 1.2 if...else 语句
      • 1.3 if...else if...else 语句
      • 1.4 switch...case 语句
    • 2. 循环
      • 2.1 for 循环
      • 2.2 for...in 循环
      • 2.3 for...of、forEach、every 和 some 循环
      • 2.4 while 循环
      • 2.5 do...while 循环
      • 2.6 break 语句
      • 2.7 continue 语句
    • 3. 函数
      • 3.1 函数定义
      • 3.2 函数返回值
      • 3.3 带参数函数
      • 3.4 可选参数
      • 3.5 默认参数
      • 3.6 剩余参数
      • 3.7 匿名函数
      • 3.8 匿名函数自调用
      • 3.9 构造函数
      • 3.10 递归函数
      • 3.11 Lambda函数
      • 3.12 函数重载
    • 4. 学习总结

好的,以下是没有反引号的补充内容:

ts控制语句

1. 条件语句

1.1 if 语句

if 语句用于根据条件执行代码。

let age: number = 18;if (age >= 18) {console.log("You are an adult.");
}

1.2 if…else 语句

if...else 语句在条件为 false 时执行另一段代码。

let age: number = 16;if (age >= 18) {console.log("You are an adult.");
} else {console.log("You are a minor.");
}

1.3 if…else if…else 语句

if...else if...else 用于处理多个条件。

let score: number = 85;if (score >= 90) {console.log("Grade: A");
} else if (score >= 80) {console.log("Grade: B");
} else {console.log("Grade: C");
}

1.4 switch…case 语句

switch 语句用于基于不同的值执行不同的代码。

let day: number = 3;switch (day) {case 1:console.log("Monday");break;case 2:console.log("Tuesday");break;case 3:console.log("Wednesday");break;default:console.log("Other day");
}

2. 循环

2.1 for 循环

for 循环用于执行固定次数的循环。

for (let i = 0; i < 5; i++) {console.log(i);
}

2.2 for…in 循环

for...in 循环用于迭代对象的可枚举属性。

let obj = {name: "Alice", age: 25};for (let key in obj) {console.log(key + ": " + obj[key]);
}

2.3 for…of、forEach、every 和 some 循环

  • for…of 用于迭代数组或其他可迭代对象。
  • forEach 是数组的一个方法,用于对数组中的每个元素执行一次函数。
  • every 测试数组中的所有元素是否通过测试。
  • some 测试数组中的至少一个元素是否通过测试。
let arr = [1, 2, 3, 4, 5];// for...of
for (let num of arr) {console.log(num);
}// forEach
arr.forEach((num) => console.log(num));// every
let allPositive = arr.every((num) => num > 0);
console.log(allPositive);  // true// some
let hasEven = arr.some((num) => num % 2 === 0);
console.log(hasEven);  // true

2.4 while 循环

while 循环在条件为 true 时执行代码。

let i: number = 0;while (i < 5) {console.log(i);i++;
}

2.5 do…while 循环

do...while 语句首先执行代码,然后判断条件是否为 true

let i: number = 0;do {console.log(i);i++;
} while (i < 5);

2.6 break 语句

break 语句用于退出循环或 switch 语句。

for (let i = 0; i < 5; i++) {if (i === 3) {break;}console.log(i);  // 0, 1, 2
}

2.7 continue 语句

continue 语句用于跳过当前的迭代并继续下一个。

for (let i = 0; i < 5; i++) {if (i === 3) {continue;}console.log(i);  // 0, 1, 2, 4
}

3. 函数

3.1 函数定义

TypeScript 中,函数的定义可以包含参数类型和返回类型。

function greet(name: string): string {return `Hello, ${name}`;
}
console.log(greet("Alice"));

3.2 函数返回值

可以为函数指定返回类型。

function add(a: number, b: number): number {return a + b;
}
console.log(add(5, 10));  // 15

3.3 带参数函数

函数可以带有参数,且参数可以有类型。

function multiply(a: number, b: number): number {return a * b;
}
console.log(multiply(3, 4));  // 12

3.4 可选参数

可选参数在函数中用 ? 标记,表示参数可以省略。

function showDetails(name: string, age?: number): void {console.log(name);if (age !== undefined) {console.log(age);}
}
showDetails("Alice");
showDetails("Bob", 30);

3.5 默认参数

可以为函数参数指定默认值。

function greetUser(name: string = "Guest"): void {console.log(`Hello, ${name}`);
}
greetUser();  // "Hello, Guest"
greetUser("Alice");  // "Hello, Alice"

3.6 剩余参数

通过剩余参数可以接收不确定数量的参数。

function sum(...numbers: number[]): number {return numbers.reduce((acc, val) => acc + val, 0);
}
console.log(sum(1, 2, 3, 4));  // 10

3.7 匿名函数

匿名函数没有函数名,通常用于回调。

let add = function(a: number, b: number): number {return a + b;
};
console.log(add(5, 10));

3.8 匿名函数自调用

匿名函数可以自调用,通常用括号包裹。

(function() {console.log("This is an IIFE (Immediately Invoked Function Expression)");
})();

3.9 构造函数

构造函数用于创建类的实例。

class Person {name: string;constructor(name: string) {this.name = name;}greet(): void {console.log(`Hello, ${this.name}`);}
}let person = new Person("Alice");
person.greet();  // "Hello, Alice"

3.10 递归函数

递归函数是指调用自身的函数。

function factorial(n: number): number {if (n <= 1) return 1;return n * factorial(n - 1);
}
console.log(factorial(5));  // 120

3.11 Lambda函数

Lambda 函数(箭头函数)是一种简化的函数表达式语法。

let square = (x: number): number => x * x;
console.log(square(5));  // 25

3.12 函数重载

函数重载允许根据不同的参数数量或类型来定义多个函数。

function combine(a: string, b: string): string;
function combine(a: number, b: number): number;
function combine(a: any, b: any): any {if (typeof a === "string" && typeof b === "string") {return a + b;} else if (typeof a === "number" && typeof b === "number") {return a + b;}
}console.log(combine(1, 2));  // 3
console.log(combine("Hello", " World"));  // "Hello World"

4. 学习总结

本章节学习了ts的控制语句,主要分为条件语、循环和函数。看了示例,感觉TypeScrip就是前端的java语言,哈哈哈哈,方法重载和Lambda都有。
在此需要着重记录常用到的语法:
switch…case语句:switch中的 expression 是一个要被比较的表达式,可以是任何类型,包括基本数据类型(如 number、string、boolean)、对象类型(如 object、Array、Map)以及自定义类型(如 class、interface、enum)等。
for…of循环:在 ES6 中引入的 for…of 循环,以替代 for…in 和 forEach() ,并支持新的迭代协议。for…of 允许你遍历 Arrays(数组), Strings(字符串), Maps(映射), Sets(集合)等可迭代的数据结构
可选参数函数 :普通参数的参数名后、`带即为可选参数。eg:function buildName(firstName: string, lastName?: string) 这里的lasrName即为可选参数。需要注意的是:可选参数必须跟在必需参数后面!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.xdnf.cn/news/145122.html

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

图像处理软件,常用于照片编辑和修饰

一、简介 1、一款功能强大的图像处理软件&#xff0c;常用于照片编辑和修饰。它提供多种工具和特效&#xff0c;允许用户调整照片的亮度、对比度、色彩、锐化等 二、下载 1、文末有下载链接,不明白可以私聊我哈&#xff08;麻烦咚咚咚&#xff0c;动动小手给个关注收藏小三连&a…

Apache的ab压力测试工具与性能监控

【图书介绍】《软件性能测试、分析与调优实践之路&#xff08;第2版&#xff09;》_软件性能测试分析与调优实践之路-CSDN博客《软件性能测试、分析与调优实践之路&#xff08;第2版&#xff09;》(张永清)【摘要 书评 试读】- 京东图书 (jd.com) Apache的ab压力测试工具 A…

分布式Redis(14)哈希槽

文章目录 一致性哈希算法理论普通哈希的问题一致性hash算法 Redis 使用哈希槽Redis Cluster集群 为什么Redis是使用哈希槽而不是一致性哈希呢&#xff1f;为什么Redis Cluster哈希槽数量是16384&#xff1f; 关键词&#xff1a;一致性 Hash&#xff0c;哈希槽&#xff0c; 带着…

react的组件的概念和使用

文章目录 1. **组件的定义****函数组件****类组件** 2. **组件的生命周期**3. **状态管理****类组件中的状态管理****函数组件中的状态管理** 4. **组件之间的通信****通过 Props 传递数据****上下文&#xff08;Context&#xff09;** 5. **组件的样式**6. **处理表单**7. **错…

51单片机-AD(模拟信号转数字信号)-实验()

介绍AD AD转换&#xff08;Analog to Digital Conversion&#xff0c;模数转换&#xff09;是将连续的模拟信号转换为离散的数字信号的过程。这个过程在各种电子设备中都非常重要&#xff0c;特别是在涉及传感器、音频信号、视频信号等需要进行数字化处理的领域。 个人理解&a…

正也科技-辖区与指标管理系统 强化决策支持

正也科技的“辖区与指标管理系统”设计理念先进&#xff0c;旨在通过科学合理的组织架构和精细化的指标管理&#xff0c;帮助企业实现更高效的市场布局、人员配置及业绩监控。以下是对该系统核心功能的进一步阐述及其对企业运营带来的优势&#xff1a; 正也科技辖区管理 1. 组…

最新PyCharm安装详细教程及pycharm配置

目录 一、PyCharm简介及其下载网站 二、单击网站的Downloads&#xff0c;进入二级页面&#xff0c;选择对应的操作系统下载PyCharm 三、PyCharm的安装程序的安装及其配置(configuration) 1、运行PyCharm Setup 2、安装位置设置 3、安装选项设置 4、开始菜单中PyCharm快捷方式的…

【Git使用】删除Github仓库中的指定文件/文件夹

前言&#xff1a; 上篇文章带大家上传了第一个项目至github,那要是想删除仓库中的指定文件夹怎么办&#xff1f;在Github中 仓库是无法通过鼠标操作直接删除文件和文件夹的&#xff0c;那只能通过 git 命令来执行删除操作。接下来就带大家进行操作。 详细步骤&#xff1a; 一…

AI大语言模型的全面解读

大语言模型&#xff08;Large Language Models, LLMs&#xff09;无疑是近年来最耀眼的星辰之一。他们以惊人的语言生成能力、上下文理解能力以及对复杂任务的泛化能力&#xff0c;正在深刻改变着自然语言处理&#xff08;NLP&#xff09;乃至整个AI领域的格局。 本文将从专业角…

C++速通LeetCode中等第10题-轮转数组(四种方法)

方法一&#xff1a;巧用deque双向队列容器 class Solution { public:void rotate(vector<int>& nums, int k) {deque<int> q;int tmp;if(nums.size() > 1){for(auto num:nums) q.push_back(num);for(int i 0;i < k;i){tmp q.back();q.pop_back();q.pu…

基于YOLOv8+LSTM的商超扶梯场景下行人安全行为姿态检测识别

基于YOLOv8LSTM的商超扶梯场景下行人安全行为姿态检测识别 手扶电梯 行为识别 可检测有人正常行走&#xff0c;有人 跌倒&#xff0c;有人逆行三种行为 跌倒检测 电梯跌倒 扶梯跌倒 人体行为检测 YOLOv8LSTM。 基于YOLOv8LSTM的商超扶梯场景下行人安全行为姿态检测识别&#xf…

Qt 状态机编程,双层状态机,实现暂停恢复

流程设计状态图 #ifndef WORKMACHINE_H #define WORKMACHINE_H#include <QObject> #include <QStateMachine> #include <QHistoryState> #include <QFinalState>#include "WorkThread.h"class WorkMachine : public QObject {Q_OBJECT publ…

记录可编辑表格(未完整)

每一行都独立 <el-table-column label"操作" width"220" fixed"right"><template #default"{ row, $index }"><el-buttonv-if"!row.tableEditFlag"type"primary"size"small"click"…

螺栓与散装物体检测系统源码分享

螺栓与散装物体检测检测系统源码分享 [一条龙教学YOLOV8标注好的数据集一键训练_70全套改进创新点发刊_Web前端展示] 1.研究背景与意义 项目参考AAAI Association for the Advancement of Artificial Intelligence 项目来源AACV Association for the Advancement of Comput…

[云服务器12] 搭建eaglercraft网页MC

众所周知&#xff0c;MC是一个炒鸡好玩的游戏&#xff01; 但是&#xff0c;Mojang开发出来是经过Java JAR打包过的的.jar文件&#xff0c;这就不得不依赖HMCL PCL BakaXL等启动器来启动了…… 所以今天&#xff0c;我们将使用开源的eaglercraft来搭建一个在线版MC&#xff0…

誉龙视音频 Third/TimeSyn 远程命令执行复现

0x01 漏洞描述&#xff1a; 誉龙公司定位为系统级的移动视音频记录解决方案提供商&#xff0c;凭借其深厚的行业经验&#xff0c;坚持自主研发&#xff0c;匠心打造记录仪领域行业生态&#xff0c;提供开放式的记录仪APK、GB28181 SDK、国网B协议、管理平台软件OEM。誉龙视音频…

C/S架构与B/S架构的适用场景分析

C/S架构&#xff08;客户端/服务器架构&#xff09;与B/S架构&#xff08;浏览器/服务器架构&#xff09;在适用场景上各有特点&#xff0c;主要取决于应用的具体需求、用户群体、系统维护成本、跨平台需求等因素。 一、C/S架构的适用场景 1、高性能与交互性要求高的应用&…

9月26日云技术研讨会 | SOA整车EE架构开发流程及工具实施方案

面向服务的架构&#xff08;Service Oriented Architecture, SOA&#xff09;实施需要复杂的基础技术作为支撑&#xff0c;伴随着整车硬件资源的集中化、车载以太网等高速通信技术在车内的部署&#xff0c;将在未来一段时间内成为行业技术研究和市场布局的热点。 近年来&#x…

使用Webpack创建vue脚手架并搭建路由---详解

1.使用 vue 库 vue 是一个非常好用的 javascript 库&#xff0c;现在已经发行了 vue 3&#xff0c;我们可以直接导入使用库文件&#xff0c;也可以使用单文件&#xff08;SFC&#xff09;的形式&#xff0c;直接使用库文件会简单一点&#xff0c;我们先来试一下吧。 1.1安装 v…

JdbcTemplate常用方法一览AG网页参数绑定与数据寻址实操

JdbcTemplate是Spring框架中的一个重要组件&#xff0c;主要用于简化JDBC数据库操作。它提供了许多常用的方法&#xff0c;如查询、插入、更新、删除等。本文将介绍JdbcTemplate的常用方法及其使用方式&#xff0c;以及参数绑定和删除数据的方法。 一、JdbcTemplate常用方法 查…