JavaScript 学习手册

免费学习 完整知识体系 快速检索

JavaScript学习手册《Promise 基础》:Promise 是 ES6 引入的异步编程方案,代表一个尚未完成但将来会完成的操作。 **状态:** - pending(进行中) - fulfilled(已完成) - rejected(已失败) **创建 Promise:** ```...

Promise

Promise 基础

【详细说明 & 代码示例】
Promise 是 ES6 引入的异步编程方案,代表一个尚未完成但将来会完成的操作。 **状态:** - pending(进行中) - fulfilled(已完成) - rejected(已失败) **创建 Promise:** ```javascript const promise = new Promise((resolve, reject) => { // 异步操作 setTimeout(() => { const success = true; if (success) { resolve('成功数据'); } else { reject('失败原因'); } }, 1000); }); ``` **使用 then/catch:** ```javascript promise .then(result => { console.log('成功:', result); }) .catch(error => { console.error('失败:', error); }) .finally(() => { console.log('无论成功或失败都执行'); }); ``` **链式调用:** ```javascript fetchData() .then(data => process(data)) .then(result => save(result)) .then(() => console.log('完成')) .catch(err => console.error(err)); ``` **静态方法:** - `Promise.resolve(value)` – 返回已成功的 Promise - `Promise.reject(reason)` – 返回已失败的 Promise - `Promise.all([p1, p2])` – 全部成功才成功,任一失败则失败 - `Promise.race([p1, p2])` – 第一个完成的 Promise 决定结果 - `Promise.allSettled()` – 等待所有完成,无论成功或失败 - `Promise.any()` – 第一个成功的结果(若全部失败则失败)

学习提示:建议打开浏览器开发者工具(F12)中的 Console 面板,直接运行代码片段,实时查看输出,加深理解。

全部章节目录(共 48 个知识点)

JavaScript 基础 (1个知识点)

字符串 (1个知识点)

日期与时间 (1个知识点)

错误处理 (1个知识点)

BOM 操作 (1个知识点)

异步编程 (1个知识点)

Promise (1个知识点)

async/await (1个知识点)

Ajax 与请求 (1个知识点)

模块化 (1个知识点)

(1个知识点)

闭包 (1个知识点)

作用域 (1个知识点)

正则表达式 (1个知识点)

框架与库基础 (2个知识点)

使用说明

  • • 本手册涵盖 JavaScript 从基础到 ES6+ 及 Web API 的完整知识体系
  • • 在搜索框输入关键词,快速定位相关知识点
  • • 点击条目标题进入详情页,查看详细说明与代码示例
  • • 页面按分类展示所有知识点,方便系统性学习
  • • 建议打开浏览器开发者工具(F12)的 Console 面板运行代码,加深理解