第二十课：HarmonyOS Next异步编程实战：Promise与async/await深度解析

一、异步编程核心概念

HarmonyOS Next基于ArkTS的‌单线程模型‌实现高效异步编程，通过Promise与async/await解决传统回调地狱问题，提升代码可维护性‌。 其核心优势包括： ‌非阻塞执行‌：异步任务挂起后主线程继续响应UI操作‌ ‌简化并发逻辑‌：链式调用替代多层嵌套回调‌ ‌统一错误处理‌：通过catch或try/catch集中管理异常‌

二、Promise核心用法

1. 状态与基本语法

Promise包含三种状态：

1. ‌Pending‌：异步操作进行中‌
2. ‌Fulfilled‌：任务成功完成‌
3. ‌Rejected‌：任务执行失败‌

代码示例：创建Promise对象

const fetchData = new Promise((resolve, reject) => {
setTimeout(() => {
const success = Math.random() > 0.5;
success ? resolve('数据加载成功') : reject('请求超时');
}, 1000);
});

fetchData
.then(result => console.log(result))
.catch(error => console.error(error));

2. 链式调用与错误处理

通过.then()串联多个异步任务，避免回调嵌套：

// 模拟用户登录流程
login(userId: string)
.then(token => getUserInfo(token))
.then(info => saveLocalStorage(info))
.catch(error => showToast('流程失败：' + error));

三、async/await进阶开发

1. 基础语法与执行流程

‌async标记函数‌：声明异步函数隐式返回Promise‌ ‌await暂停执行‌：等待Promise完成后再继续后续代码‌

代码示例：网络请求封装 async function loadUserData() {
try {
const token = await fetchToken();
const data = await fetchUserInfo(token);
return processData(data);
} catch (error) {
console.error('加载失败:', error);
throw error;
}
}

2. 并发执行优化

使用Promise.all提升多个独立任务的执行效率：

// 并行加载图片与配置
async function initApp() {
const [images, config] = await Promise.all([
fetchImageList(),
loadAppConfig()
> ]);
// 合并结果后渲染
}

四、异步数据加载实战

1. 网络请求场景

封装HTTP请求模块实现统一拦截：

async function safeFetch(url: string) {
const response = await fetch(url);
if (!response.ok) throw new Error(HTTP ${response.status});
return response.json();
}

// 使用示例
async function loadNews() {
const news = await safeFetch('https://api.example.com/news');
updateUI(news);
}

2. 文件读写场景

结合@ohos.fileio实现异步文件操作：

async function writeLog(message: string) {
const filePath = 'logs/app.log';
try {
await fileio.writeText(filePath, message + '\n', { append: true });
} catch (e) {
console.error('日志写入失败:', e);
}
}

五、最佳实践与性能优化

1. 代码结构优化策略

策略 说明 代码示例 ‌避免过度await‌ 非依赖任务使用并行执行 Promise.all([task1, task2])‌ ‌及时释放资源‌ 在finally中关闭文件/网络连接 try {...} finally { conn.close() }‌ ‌超时控制‌ 为关键操作添加超时限制 Promise.race([fetch, timeout(5000)])‌

2. 错误处理规范

‌全局异常捕获‌：通过window.onerror监听未处理异常‌58 ‌错误边界组件‌：封装Fallback UI防止局部错误导致白屏‌57