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

【OpenHarmony】TypeScript 语法 ④ ( 函数 | TypeScript 具名函数和匿名函数 | 可选参数 | 剩余参数 | 箭头参数 )

news 2025/7/12 15:40:25

文章目录

一、TypeScript 函数
- 1、TypeScript 具名函数和匿名函数
- 2、TypeScript 函数与 JavaScript 函数对比
- 3、TypeScript 函数可选参数
- 4、TypeScript 函数剩余参数
- 5、TypeScript 箭头函数

在这里插入图片描述

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

一、TypeScript 函数

1、TypeScript 具名函数和匿名函数

TypeScript 语言中的函数语法与 JavaScript 类似 , 但是在 JavaScript 函数基础上增加了类型注解 , 函数代码的可读性和健壮性增加了 ;

JavaScript 中的函数不需要声明形参和返回值类型 , 但是在 TypeScript 中 , 必须声明形参和返回值类型 ;

TypeScript 函数与 Kotlin 函数极其相似 ;

TypeScript 函数使用 function 关键字定义 , 在 JavaScript 函数基础上 , 增加了形参类型和返回值类型声明 , 如下所示 :

function add(a: number, b: number): number {return a + b;
}

也可以使用匿名函数形式 , 将函数赋值给一个变量 , 通过变量调用函数 ;

let funAdd = function (a: number, b: number): number {return a + b;
}

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

function add(a: number, b: number): number {return a + b;
}let funAdd = function (a: number, b: number): number {return a + b;
}console.log(add(1, 2))
console.log(funAdd(3, 4))

执行结果 :

[LOG]: 3 
[LOG]: 7

在这里插入图片描述

2、TypeScript 函数与 JavaScript 函数对比

TypeScript 函数与 JavaScript 函数对比 : 唯一区别就是 JavaScript 函数中 , 不允许声明函数形参和返回值的类型 ;

TypeScript 函数 : 函数形参和返回值必须声明类型 ;

function add(a: number, b: number): number {return a + b;
}let funAdd = function (a: number, b: number): number {return a + b;
}

JavaScript 函数 : 函数形参和返回值必须不能声明类型 ;

        function add(a, b) {return a + b;}let funAdd = function(a, b) {return a + b;}

在 JavaScript 中 , 是不能为函数的形参和返回值设置类型的 , 将上述代码拷贝到 Visual Studio Code 的 HTML 代码中 , 会报如下错误 :

Type annotations can only be used in TypeScript files.javascript

在这里插入图片描述

可见 TypeScript 比 JavaScript 增加的就是 Type 类型声明 , 变量类型 , 函数形参 / 返回值类型 ;

将上述函数的形参和返回值类型删除 , 就是 JavaScript 代码 ,

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><!-- 设置 meta 视口标签 --><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>JavaScript</title><style></style><script>function add(a, b) {return a + b;}let funAdd = function(a, b) {return a + b;}console.log(add(1, 2))console.log(funAdd(3, 4))</script>
</head><body>
</body></html>

代码运行结果 :
在这里插入图片描述

3、TypeScript 函数可选参数

在 TypeScript 函数的形参中 , 形参名称后面使用 ? 符号 , 可以将该形参声明为函数的可选参数 , 也就是调用函数时 , 可以为该形参传入实参 , 也可以不传入实参 ;

代码示例 :

// 声明第二个参数 b 是可选参数
function add(a: number, b?: number): number {return a;
}// 传入可选参数
console.log(add(2, 4))
// 不传入可选参数
console.log(add(8))

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

[LOG]: 2 
[LOG]: 8

在这里插入图片描述

4、TypeScript 函数剩余参数

在 TypeScript 函数函数形参中 , 还可以使用 " 剩余参数 " , 剩余参数可以理解为个数不限的可选参数 , 参数个数可以是 0 到 n 个 , 使用 ... 三个点符号声明剩余参数 , 剩余参数必须是数组类型 ;

代码示例 : 在下面的代码中 , 想要传入 0 ~ n 个 number 类型的参数 , 就把该参数声明为剩余参数 , 剩余参数类型必须是传入类型的数组类型 , 在参数名前使用 ... 符号 ;

// 声明第二个参数 b 是 剩余参数
function add(a: number, ...b: number[]): number {console.log("传入的剩余参数 : " + b);return a;
}// 传入 剩余参数
console.log(add(2, 4, 6, 8))
// 传入 剩余参数
console.log(add(1, 2))
// 不传入 剩余参数
console.log(add(8))

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

[LOG]: "传入的剩余参数 : 4,6,8" 
[LOG]: 2 
[LOG]: "传入的剩余参数 : 2" 
[LOG]: 1 
[LOG]: "传入的剩余参数 : " 
[LOG]: 8

在这里插入图片描述

5、TypeScript 箭头函数

在 ES6 版本的 TypeScript 语言中 , 可以定义 " 箭头函数 " , 箭头函数有如下特点 :

省略 function 关键字 ;
使用 => 箭头符号定义函数 ;

将下面的正常函数 , 转为箭头函数 ,

function add(a: number, b: number): number {return a + b;
}

对应的箭头函数如下 : 将箭头函数赋值给变量 add ;

// 声明箭头函数
let add = (a: number, b: number): number => {return a + b;
}

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

// 声明箭头函数
let add = (a: number, b: number): number => {return a + b;
}console.log(add(1, 2));

运行结果 :

[LOG]: 3

在这里插入图片描述

【OpenHarmony】TypeScript 语法 ④ ( 函数 | TypeScript 具名函数和匿名函数 | 可选参数 | 剩余参数 | 箭头参数 )

文章目录一、TypeScript 函数1、TypeScript 具名函数和匿名函数2、TypeScript 函数与 JavaScript 函数对比3、TypeScript 函数可选参数4、TypeScript 函数剩余参数5、TypeScript 箭头函数参考文档 : <HarmonyOS第一课>ArkTS开发语言介绍一、TypeScript 函数 1、Typ…...

编程日记 2024/6/2 20:55:19

嵌入式工程师人生提质的十大成长型思维分享

大家好，作为一名嵌入式开发者，很多时候，需要考虑个人未来的发展，人生旅途复杂多变，时常面临各种各样的挑战。如何在这个复杂多变的社会中稳步向前，不断成长，成为每个人都应该思考的问题。实际上，思维方式的差异决定我们应对挑战的能力与成长的速度。第一：寻找自我坐…...

编程日记 2024/6/2 20:53:17

名下企业查询，清晰明了；在线操作，方便快捷

在现代社会，越来越多的人开始涉足创业和投资，拥有自己的企业成为一种时尚。然而，随之而来的是繁琐的企业注册流程和复杂的信息查询。为了解决这个问题，挖数据平台推出了一项名下企业查询接口，提供了一种方便快捷的方式…...

编程日记 2024/6/2 20:51:14

图书推荐：ChatGPT专业知识信息课程

《ChatGPT专业知识信息课程》（ChatGPT-Expertise Informative Course） 是一本由Dwayne Anderson撰写的电子书，提供了关于ChatGPT的丰富知识。该书涵盖了与ChatGPT相关的各种主题，如其与OpenAI的关系、ChatGPT与GPT-3之间的混淆、C…...

编程日记 2024/6/2 20:50:13

Java项目：94 springboot大学城水电管理系统

作者主页：源码空间codegym 简介：Java领域优质创作者、Java项目、学习资料、技术互助文中获取源码项目介绍本管理系统有管理员和用户。本大学城水电管理系统管理员功能有个人中心，用户管理，领用设备管理，消耗设备…...

编程日记 2024/6/2 20:48:11

Unity内制作动画

Unity内制作动画动画剪辑（Animation Clips） 创建动画剪辑：在Unity中，可以通过导入动画数据来创建动画剪辑。这些数据可以是FBX、OBJ等格式的3D模型文件，其中包含关键帧动画。编辑动画剪辑：在Unity的Anim…...

编程日记 2024/6/2 20:47:09

Java中的JDBC如何连接数据库并执行操作

JDBC（Java Database Connectivity）是Java编程语言中用来连接和操作数据库的一组API。以下是一个基本的步骤指南，用于连接数据库并执行操作： 导入JDBC驱动首先，你需要将数据库的JDBC驱动添加到你的项目依赖中。如果你…...

编程日记 2024/6/2 20:46:08

webserver服务器从零搭建到上线（六）｜Timestamp类和InetAddress类

本节我们重点来谈论： 时间类和我们的初始化链接地址类文章目录 Timestamp类成员函数实现 InetAddress类具体实现 Timestamp类我们为什么要封装一个时间类呢？ 这也是一个大型项目必须的基础组建，这样我们不仅可以提高代码的可读性&#xf…...

编程日记 2024/6/2 20:45:07

【Java】一文看懂Thread 线程池的 7 种创建方式、任务队列及自定义线程池（代码示例）

本文摘要：【Java】Thread 线程池的 7 种创建方式及自定义线程池（代码示例版） 😎 作者介绍：我是程序员洲洲，一个热爱写作的非著名程序员。CSDN全栈优质领域创作者、华为云博客社区云享专家、阿里云博客社区专…...

编程日记 2024/6/2 20:44:06

【SpringBoot】四种读取 Spring Boot 项目中 jar 包中的 resources 目录下的文件

本文摘要：四种读取 Spring Boot 项目中 jar 包中的 resources 目录下的文件 😎 作者介绍：我是程序员洲洲，一个热爱写作的非著名程序员。CSDN全栈优质领域创作者、华为云博客社区云享专家、阿里云博客社区专家博主。公粽号&#xf…...

编程日记 2024/6/2 20:43:05

掌控未来，爱普生SR3225SAA用于汽车钥匙、射频电路的智慧引擎

为了响应市场需求，Epson使用独家QMEMS*2技术所生产的石英振荡器，与其精巧的半导体技术所制造的射频传输器电路，开发了SR3225SAA。不仅内建的石英震荡器之频率误差仅有2 ppm，更使其封装尺寸达仅3.2 mm x 2.5 mm，为客户大…...

编程日记 2024/6/2 20:41:03

第五届武汉纺织大学ACM程序设计竞赛个人题解（待补完）

前言： 上周周日教练要求打的一场重现赛，时长五个小时，题目难度还行，除了部分题目前我还写不出来之外，大部分题都写完或补完了，这边给出比赛链接和我的代码（有些是队友的）和题解。正…...

编程日记 2024/6/2 20:37:59

LeetCode---哈希表

242. 有效的字母异位词给定两个字符串 s 和 t ，编写一个函数来判断 t 是否是 s 的字母异位词。注意：若 s 和 t 中每个字符出现的次数都相同，则称 s 和 t 互为字母异位词。代码示例： //时间复杂度: O(n) //空间复杂度: O(1) c…...

编程日记 2024/6/2 20:35:57

Python知识点13---面向对象的编程

提前说一点：如果你是专注于Python开发，那么本系列知识点只是带你入个门再详细的开发点就要去看其他资料了，而如果你和作者一样只是操作其他技术的Python API那就足够了。 Python是一个完全面向对象开发的语言，它的一切都以对象的…...

编程日记 2024/6/2 20:34:56

Android Dialog软键盘弹出问题完美解决办法

一、问题： Dialog中有输入框时，显示后无法自动弹起软键盘，原因就不赘述了，自行Google。一、解决办法： 开启独立线程，线程中使用while循环，循环调用弹起软键盘方法，直至showSoftI…...

编程日记 2024/6/2 20:33:55

【C++】C++入门1.0

鼠鼠最近在学C，那么好，俺来做笔记了！ 目录 1.C关键字(C98) 2.命名空间 2.1.命名空间定义 2.2.命名空间的使用 3.C的输入&&输出 4.缺省参数 4.1缺省参数概念 4.2.缺省参数的分类 5.函数重载 5.1.函数重载概念 5.2.C支持函数…...

编程日记 2024/6/2 20:28:50

springboot实现文件上传功能,整合云服务

文章目录这是springboot案例的,文件上传功能的拆分,本篇将带大家彻底了解文件上传功能,先从本地存储再到云存储,全网最详细版本,保证可以学会,可以了解文件上传功能的开发文件上传功能剖析进行书写一个小的文件上传文件上传的文件三要素首先表单提交的方式要是 post方式,第二个…...

编程日记 2024/6/2 20:27:49

接口interfance的基本使用

一.为什么有接口？ 接口:就是一种规则。二.接口的定义和使用 1.接口用关键字interface来定义 public interface 接口名{} 2.接口不能实例化 3.接口和类之间是实现关系,通过implements关键字表示 4.接口的子类(实现类) 注意1： 接口和类的实现关系…...

编程日记 2024/6/2 20:26:49

Gitlub如何删除分支（删除远程分支+本地分支）

目录背景删除方法总结背景想要删除自己在本地创建的并已上传到远程分支中的分支。删除方法 1）删除远程分支 git push origin --delete brannchname 2）删除本地分支先切换到其他分支 git checkout otherbranch 删除本地分支 git bran…...

编程日记 2024/6/2 20:24:46

使用RSA算法加密字符串：从基础到实现 - Python

在现代数据安全中，加密算法起着至关重要的作用。特别是非对称加密算法，如RSA（Rivest-Shamir-Adleman），广泛应用于保护敏感信息的传输。本文将详细介绍如何使用RSA算法加密和解密字符串，包括生成密钥对、加密…...

编程日记 2024/6/2 20:23:45

SpringBoot-17-MyBatis动态SQL标签之常用标签

文章目录 1 代码1.1 实体User.java1.2 接口UserMapper.java1.3 映射UserMapper.xml1.3.1 标签if1.3.2 标签if和where1.3.3 标签choose和when和otherwise1.4 UserController.java2 常用动态SQL标签2.1 标签set2.1.1 UserMapper.java2.1.2 UserMapper.xml2.1.3 UserController.ja…...

编程新知 2025/7/12 5:29:51

＜6＞-MySQL表的增删查改

目录一，create（创建表） 二，retrieve（查询表） 1，select列 2，where条件三，update（更新表） 四，delete（删除表&#xf…...

编程新知 2025/7/9 22:44:11

R语言AI模型部署方案：精准离线运行详解

R语言AI模型部署方案：精准离线运行详解一、项目概述本文将构建一个完整的R语言AI部署解决方案，实现鸢尾花分类模型的训练、保存、离线部署和预测功能。核心特点： 100%离线运行能力自包含环境依赖生产级错误处理跨平台兼容性模型版本管理# 文件结构说明 Iris_AI_Deployme…...

编程新知 2025/6/15 6:20:40

【HarmonyOS 5.0】DevEco Testing：鸿蒙应用质量保障的终极武器

——全方位测试解决方案与代码实战一、工具定位与核心能力 DevEco Testing是HarmonyOS官方推出的一体化测试平台，覆盖应用全生命周期测试需求，主要提供五大核心能力： 测试类型检测目标关键指标功能体验基…...

编程新知 2025/7/10 11:47:34

Leetcode 3577. Count the Number of Computer Unlocking Permutations

Leetcode 3577. Count the Number of Computer Unlocking Permutations 1. 解题思路2. 代码实现题目链接：3577. Count the Number of Computer Unlocking Permutations 1. 解题思路这一题其实就是一个脑筋急转弯，要想要能够将所有的电脑解锁&#x…...

编程新知 2025/7/5 22:29:13