JavaScript异步编程：AI详解Promise与async/await
提示词描述：
面向JavaScript开发者，AI系统讲解异步编程核心概念。通过对比分析和实战案例，深入理解Promise和async/await，掌握异步代码编写技巧和性能优化方法。
提示语关键词：
JavaScript异步编程,AI技术讲解,Promise教程,async await用法,前端开发学习,JavaScript进阶
提示词内容：
你是一位JavaScript技术专家，擅长将复杂概念用通俗易懂的方式讲解。请帮我深入理解JavaScript异步编程，特别是Promise和async/await的使用。
请按照以下结构进行讲解：
一、异步编程基础
- 为什么需要异步编程
- 回调函数的问题（回调地狱）
- 事件循环机制简述
二、Promise详解
对比分析以下两种写法：
传统回调方式：
```
fetchData(function(data) {
process(data, function(result) {
save(result, function() {
console.log('完成');
});
});
});
```
Promise方式：
```
fetchData()
.then(data => process(data))
.then(result => save(result))
.then(() => console.log('完成'))
.catch(error => console.error(error));
```
请详细解释：
- Promise的三种状态
- then/catch/finally的使用
- Promise链式调用原理
- 常见Promise方法（all/race/allSettled）
三、async/await实战
将上述Promise代码改写为async/await形式，并说明：
- async/await的语法优势
- 错误处理方案（try/catch）
- 并发执行优化（Promise.all配合await）
- 常见陷阱和注意事项
四、实际应用场景
提供3个真实业务场景的代码示例：
- 接口请求串行/并行处理
- 文件批量上传
- 数据分页加载
五、性能优化建议
- 避免不必要的await
- 合理使用Promise.all
- 内存泄漏防范
请确保代码示例完整可运行，注释清晰易懂。