Promise异步编程基础与进阶

"异步编程Promise的介绍及使用方法" Promise是JavaScript中处理异步操作的重要工具，它引入了一种新的处理方式，有效地解决了回调地狱的问题，使得代码更加清晰和易于管理。Promise对象有三种状态：pending（等待中）、fulfilled（已完成，也称为resolved）和rejected（已失败）。一旦状态由pending变为fulfilled或rejected，就不会再变，这种状态被称为"不变性"。 1. Promise基本使用 Promise的创建通常涉及一个executor函数，它接受两个参数：`resolve`和`reject`。executor函数中，我们执行异步操作，并在操作成功时调用`resolve`，传递成功的结果；在操作失败时调用`reject`，传递错误信息。之后，我们可以通过`.then()`方法指定成功的回调函数和失败的回调函数，`.then()`返回一个新的Promise，支持链式调用。 ```javascript const promise = new Promise((resolve, reject) => { // 异步操作 if (/* 成功条件 */) { resolve('操作成功'); } else { reject('操作失败'); } }); promise.then((result) => { // 处理成功结果 }, (error) => { // 处理失败错误 }); ``` 2. Promise.prototype.then() `.then()`方法用于注册回调，第一个参数是成功回调，第二个参数是失败回调。它返回一个新的Promise，这个新Promise的结果取决于原Promise的结果。 3. Promise.prototype.catch() `.catch()`方法是`.then(null, rejectionHandler)`的简写，它用于处理Promise链中任何地方抛出的错误。如果在`.then()`的回调中没有捕获到错误，`.catch()`将捕获这些异常。 4. Promise.race() `Promise.race()`接收一个Promise数组作为参数，当数组中的任意一个Promise变为fulfilled或rejected，返回的新Promise就会立即变为相同的状态，并将对应的值或原因作为结果。 5. Promise.all() `Promise.all()`接收一个Promise数组，当所有Promise都变为fulfilled，返回的新Promise才会变为fulfilled，其结果是一个包含所有Promise结果的数组。如果其中任何一个Promise变为rejected，返回的Promise会立即变为rejected，其原因将是第一个被rejected的Promise的结果。 6. 自定义Promise 自定义Promise需要实现`resolve`和`reject`的逻辑，以及状态的管理和变更。通过构造函数和`.then()`方法的实现，可以模拟Promise的行为。 7. async/await `async`关键字用于定义一个异步函数，而`await`则用于等待一个Promise的结果。这种方式使异步代码看起来更像同步代码，提高了可读性和可维护性。 例如，使用`async/await`发送AJAX请求： ```javascript async function fetchData() { try { const response = await fetch('url'); const data = await response.json(); console.log(data); } catch (error) { console.error('Error:', error); } } fetchData(); ``` 8. 异常处理 在Promise链中，如果在`.then()`或`.catch()`内部抛出异常，异常会被下一层的`.catch()`捕获，这就是所谓的“异常穿透”。 9. 状态不变性 Promise的状态一旦改变，就不能再次改变。这意味着`resolve`或`reject`只能调用一次。 10. 如何中断Promise链 在Promise链中，返回`null`或未返回新的Promise可以中断链式调用。 了解并熟练使用Promise是现代JavaScript开发的基础，它能帮助我们更好地组织异步代码，提高代码的可读性和可维护性。在实际项目中，Promise与`async/await`结合使用，可以极大地提升开发效率和代码质量。