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

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

news 2026/4/1 14:12:47

文章目录

一、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

短视频 SEO 如何提高网站的搜索排名

为什么短视频 SEO 是提高网站搜索排名的关键在当今数字化时代，短视频平台已经成为人们获取信息和娱乐的主要渠道。短视频的流行不仅改变了人们的观看习惯，还深刻影响了网络营销的方式。如何利用短视频 SEO（搜索引擎优化）来提高网…...

编程新知 2026/4/1 14:11:59

intv_ai_mk11效果实测报告：在中文技术问答、创意写作、逻辑推理三维度得分分析

intv_ai_mk11效果实测报告：在中文技术问答、创意写作、逻辑推理三维度得分分析 1. 测试背景与模型介绍 intv_ai_mk11是一款基于Llama架构的AI对话机器人，拥有7B参数规模，专门针对中文场景优化。本次测试将从三个核心维度评估其实际表现&…...

编程新知 2026/4/1 7:12:48

激光+视觉+IMU+RTK融合实战：如何用多传感器打造厘米级三维重建系统？

激光视觉IMURTK融合实战：如何用多传感器打造厘米级三维重建系统？ 在自动驾驶和机器人领域，三维重建技术正经历着从实验室走向工业落地的关键转折。传统单一传感器方案已无法满足复杂场景下的精度需求，而多传感器融合正成为突破性能…...

编程新知 2026/4/1 7:06:41

为什么选全屋定制，不买成品柜

1）为什么选全屋定制，不买成品柜？ 成品柜尺寸固定，苏州很多户型飘窗、梁位、管道多，放进去丑、浪费空间！我们定制严丝合缝，顶天立地，收纳多 30%，颜值统一，和…...

编程新知 2026/4/1 6:58:22

SiameseUIE中文-base效果对比：在CLUE-NER和COTE-ABSA双基准测试

SiameseUIE中文-base效果对比：在CLUE-NER和COTE-ABSA双基准测试想找一个开箱即用、效果又好的中文信息抽取工具？今天我们来聊聊阿里巴巴达摩院出品的SiameseUIE中文-base模型。这可不是一个普通的模型，它是一个“通用信息抽取”模型&#x…...

编程新知 2026/4/1 6:27:38

PXE装机避坑大全：从TFTP根目录设置到Kickstart无人值守的13个常见错误修复

PXE装机避坑大全：从TFTP根目录设置到Kickstart无人值守的13个常见错误修复在企业级IT运维中，PXE（预启动执行环境）网络装机技术因其高效、自动化的特点，已成为服务器批量部署的标配方案。但看似简单的PXE部署流程背后&…...

编程新知 2026/4/1 5:43:02

芯片研发的残酷真相：流片成功只是开始

芯片成功"点亮"那一刻，项目算完成了吗？如果你认为算，那大概率还没经历过真正的芯片项目后期。事实是，点亮和demo跑通，只不过是拿到了入场券而已。真正的战斗，从客户拿到样片那一刻才开始。很多工…...

编程新知 2026/4/1 4:54:25

3PEAK思瑞浦 TPT1051V-SO1R SOP8 CAN收发器

特性符合IS011898标准支持CAN FD和最高达5 Mbps的数据速率典型环路延迟:110纳秒5V电源供应，3.0V~5.5VI0接口接收器共模输入电压:士30V总线故障保护:42VCAN网络最多支持110个节点结温范围从-40C到150C闩锁性能超过500mA总线引脚ESD保护:-8kV人体模型 -1.5kV充电设备…...

编程新知 2026/4/1 4:44:23