【鸿蒙应用开发】ArkTS函数的定义与使用

举个🌰（符合规范的极简函数）

// 这是一个「打招呼」工具人：接收名字，返回问候语，还打印日志 

function greetUser(userName: string): string {  

const greeting = `Hello ${userName}！欢迎学习鸿蒙开发～`;  

console.log('测试 打招呼结果', greeting); // 严格遵守打印格式要求  

return greeting; 

}

代码复用：一次编写，N次调用

// 反例：重复写加法逻辑，累到想哭

 let a = 10, b = 20; 

console.log('测试 加法结果', a + b); 

let c = 30, d = 40; 

console.log('测试 加法结果', c + d); // 复制粘贴×1

let e = 50, f = 60; 

console.log('测试 加法结果', e + f); // 复制粘贴×2

// 正例：写一次加法函数，想调用多少次就多少次

function addNumbers(num1: number, num2: number): number {  

const result = num1 + num2;  

console.log('测试 加法结果', result);  

return result; 

} 

 // 调用3次，轻松搞定！ 

addNumbers(10, 20); 

addNumbers(30, 40); 

addNumbers(50, 60);

可读性提升：见名知意，不用猜

维护方便：改一处，全处生效

function addNumbers(num1: number, num2: number): number {  

const result = Math.round((num1 + num2) * 10) / 10; // 只改这一行  

console.log('测试 加法结果（保留1位小数）', result);  

return result; 

}

逻辑拆分：大问题变小，好下手

// 拆分后：每个函数负责一个小功能 

function validatePhone(phone: string): boolean { /* 验证手机号 */ } 

function checkPasswordStrength(pwd: string): boolean { /* 检查密码 */ } 

function submitToServer(userInfo: User): void { /* 提交服务器 */ }

基础操作：定义+调用函数

语法结构（必背！）

// 有参数、有返回值 

function 函数名(参数1: 类型, 参数2: 类型): 返回值类型 {  

// 函数体：核心逻辑  

return 结果; // 有返回值必须写return 

} 

 // 无参数、无返回值（返回值类型为void） 

function 函数名( ): void {  

// 函数体：比如打印日志 

}

规范要求（重点！）

正确例子（符合所有规范）

// 有参数、有返回值：计算两数乘积 

function calculateProduct(num1: number, num2: number): number {  

const product = num1 * num2;

console.log('测试 两数乘积', product);  

return product; 

} 

 // 无参数、无返回值：打印欢迎语 

function printWelcomeMsg( ): void {

console.log('测试 欢迎语', '欢迎使用鸿蒙函数工具！'); 

} 

// 调用函数 

const result = calculateProduct(4, 5); // 调用有返回值的函数，接收结果

printWelcomeMsg(); // 调用无返回值的函数，直接执行

错误例子（避坑！）

// 错误1：函数名和()之间加了空格（规范禁止）

function calculateProduct (num1: number, num2: number): number { /* ... */ } 

// 错误2：大括号换行了（规范要求同一行） 

function printWelcomeMsg(): void

{ /* ... */ } 

// 错误3：参数没标注类型（规范要求必须标注）

function calculateProduct(num1, num2) { /* ... */ }

参数进阶：可选参数+默认参数

可选参数（?标记）

// 可选参数：userAge是可选的（可传可不传） 

function introduceUser(userName: string, userAge?: number): string {  

let intro = `我叫${userName}`;  

if (userAge) {    

intro += `，今年${userAge}岁`;  

}  

console.log('测试 用户介绍', intro);  

return intro; 

} 

 // 调用：可以不传可选参数 

introduceUser('张三'); // 正确：只传必填参数 

introduceUser('李四', 25); // 正确：传必填+可选参数

默认参数（=赋值）

// 默认参数：greeting默认是"你好" 

function sayHello(userName: string, greeting: string = '你好'): void {  

const msg = `${greeting}，${userName}！`;  

console.log('测试 问候语', msg); 

} 

// 调用：可以不传默认参数 

sayHello('王五'); // 输出：测试 问候语 你好，王五！（用默认值） 

sayHello('赵六', '哈喽'); // 输出：测试 问候语 哈喽，赵六！（传自定义值）

返回值进阶：void vs 具体类型

高级玩法：箭头函数（=>）

语法结构

// 完整写法（有参数、有返回值） 

const 函数名 = (参数1: 类型, 参数2: 类型): 返回值类型 => {  

// 函数体  

return 结果; 

}; 

 // 简化写法（只有一行代码，可省略{}和return） 

const 函数名 = (参数1: 类型, 参数2: 类型): 返回值类型 => 表达式;

例子（结合数组遍历，符合规范）

// 例子1：简化普通函数 

const multiply = (a: number, b: number): number => a * b; 

console.log('测试 箭头函数乘法', multiply(3, 6)); // 输出：测试 箭头函数乘法 18 

// 例子2：数组遍历（重点！符合规范） 

const numbers = [1, 2, 3, 4, 5]; 

// 用map遍历数组，每个元素乘2（箭头函数作为参数） 

const doubledNumbers = numbers.map((num: number): number => num * 2); 

console.log('测试 数组元素翻倍', doubledNumbers); // 输出：测试 数组元素翻倍 [2,4,6,8,10] 

// 例子3：forEach遍历（打印每个元素） 

numbers.forEach((num: number): void => {  

console.log('测试 数组元素', num); 

});

规范提醒

// 正确：=>前后有空格 

const add = (a: number, b: number): number => a + b; 

// 错误：=>前后没空格 

const add = (a: number, b: number): number=>a + b;