HarmonyOS应用开发之ArkTS函数

1.函数的定义

函数是重复使用的代码块，为了避免在实际编写代码中出现重复的代码，而产生的解决方案。

2.函数的作用

函数可以把相同或类似的代码放到函数内部，这样就实现的代码的复用性，降低代码的冗余度，提高代码的可读性。

3.函数的分类

含有两种书写形式，一种是普通函数，另外一种则是箭头函数。

4.普通函数的结构

4.1 函数结构解析

1. function关键字：代表这是一个函数。
2. 函数名：函数创建完成后，后续需要使用，调用(使用)的名称。
3. 参数：参数可以为空，如果要写就要按照格式编写。
4. 返回值类型：使用return返回的数据类型。当返回值类型为void时，返回值类型和前面的:可省略不写。
5. 函数体：这是重复相同或者类似的代码。
6. 返回值： 需要将处理完成的数据返回

4.2 函数基本的格式

注意：函数或者变量、常量、数组，都需要先定义，再使（调）用；返回值类型为void时可省略不写

// 函数定义的格式：    
function 函数名()返回值类型{
	函数体(相同或类似部分的代码)
}

//函数调用的格式
函数名()
注意：若定义（创建）函数时有参数，调用函数时，就必须在括号中传入（写）对应的参数。函数如果只完成了定义，没有使用或者调用，代码不会执行。

4.2.1普通写法

// 打印第一次
console.log('今天温度18.1℃，热度为：','⭐')
console.log('今天温度22.1℃，热度为：','⭐⭐')
console.log('今天温度24.1℃，热度为：','⭐⭐⭐')
console.log('今天温度28.1℃，热度为：','⭐⭐⭐⭐')
console.log('今天温度29.1℃，热度为：','⭐⭐⭐⭐⭐')

// 打印第二次
console.log('今天温度18.1℃，热度为：','⭐')
console.log('今天温度22.1℃，热度为：','⭐⭐')
console.log('今天温度24.1℃，热度为：','⭐⭐⭐')
console.log('今天温度28.1℃，热度为：','⭐⭐⭐⭐')
console.log('今天温度29.1℃，热度为：','⭐⭐⭐⭐⭐')

// 打印第三次
console.log('今天温度18.1℃，热度为：','⭐')
console.log('今天温度22.1℃，热度为：','⭐⭐')
console.log('今天温度24.1℃，热度为：','⭐⭐⭐')
console.log('今天温度28.1℃，热度为：','⭐⭐⭐⭐')
console.log('今天温度29.1℃，热度为：','⭐⭐⭐⭐⭐')

4.2.2 函数写法

function  heat(){
	console.log('今天温度18.1℃，热度为：','⭐')
	console.log('今天温度22.1℃，热度为：','⭐⭐')
	console.log('今天温度24.1℃，热度为：','⭐⭐⭐')
	console.log('今天温度28.1℃，热度为：','⭐⭐⭐⭐')
	console.log('今天温度29.1℃，热度为：','⭐⭐⭐⭐⭐')
}
heat()  //调用函数打印第一次
heat()  //调用函数打印第二次
heat()  //调用函数打印第三次

5.普通函数的结构

再次强调：形参和实参数量要完全一致。返回值类型为void时，:和void可省略不写

5.1 定义普通函数格式

形参：形式参数，形式代表的参数，在函数内部使用，用于接收调用传递的实参；

function 函数名(形参1:数据类型,形参2:数据类型,形参3:数据类型,......):返回值类型{
	函数体(重复或者类似的代码)
	return 返回处理结果（返回值）
}

5.2 调用普通完整函数格式

实参：调用函数时的参数，一般为准确的值、变量、表达式以及具有返回值的函数，他们都必须有确定的值；

//只是调用，不接收返回值
函数名(实参1,实参2,实参3,......)

// 调用函数并接收返回值
let 变量名:数据类型  = 函数名(实参1,实参2,实参3,......)

6.箭头函数的结构

6.1 箭头函数的理解

箭头函数是一种笔普通完整函数书写更简洁的一种方式。

6.2 箭头函数的格式

// 定义箭头函数的格式
let 函数名 = (形参1:数据类型,形参2:数据类型,形参3:数据类型,......) =>{
	函数体
	return 返回值
}

// 调用箭头函数的格式
函数名(实参1,实参2,实参3,......)
// 调用箭头函数并接收返回值的格式
let 变量名:数据类型  = 函数名(实参1,实参2,实参3,......)

7.可选参数

可选参数：代表我们在调用函数时传入实参，可传入，也可以不传入，不传入则使用函数内部定义的默认值。

7.1 可选参数格式

可选参数在参数名后面添加一个?代表可选参数。

// 定义一个形参 name 为可选参数
function sayHi(name?:string):void{
	// 判断传入参数是否有值，没有值则使用默认值。
	name = name ? name : '陌生人'
	console.log('你好，',name,'!')
}

8.默认参数

8.1 默认参数格式

默认参数在定义完参数后进行赋值，则为默认值；

// 定义一个形参 name 为默认参数，若没有传值，直接使用默认值。
function sayHi(name:string = '陌生人'):void{
	console.log('你好，',name,'!')
}