Promise：终结回调地狱的利器
2024-01-21 15:19:43
回调地狱
在讲述Promise之前，我们有必要了解到为什么会有Promise的产生？Promise解决了什么问题？带着这样的问题，我们来看两个🌰：
1.1 模拟回调地狱
现在有个方法doSth，这个方法是异步的，需要一段时间才能执行完，并且它有一个回调函数作为参数，当doSth执行完后，就会调用这个回调函数，并将结果作为参数传递给它。
function doSth(callback) {
setTimeout(() => {
const result = 'Hello, World!';
callback(result);
}, 1000);
}
现在，我们想在doSth执行完后，再做一些事情，比如把结果输出到控制台。我们可以使用回调函数来实现这一点：
doSth((result) => {
console.log(result);
});
这样，当doSth执行完后，就会调用回调函数，并将结果输出到控制台。
但是，如果我们想在doSth执行完后，再做更多的事情呢？比如，我们想先把结果保存到一个变量中，然后再输出到控制台。这种情况下，我们就需要在回调函数中再嵌套一个回调函数，如此一来，代码就会变得非常难以阅读和理解，这就是所谓的“回调地狱”。
doSth((result) => {
const variable = result;
doSthElse((result2) => {
console.log(variable + result2);
});
});
Promise
Promise是JavaScript中用来处理异步编程的一种对象，它可以帮助我们避免回调地狱，让异步编程变得更加轻松和可控。
Promise是一个表示异步操作的最终完成或失败状态的对象。它有两个状态：
- 已解决（resolved）：异步操作已成功完成，并且可以访问其结果。
- 已拒绝（rejected）：异步操作已失败，并且可以访问其失败原因。
我们可以使用then()方法来处理Promise的状态变化。当Promise的状态变为已解决时，就会调用then()方法中传入的第一个函数，并将结果作为参数传递给它。当Promise的状态变为已拒绝时，就会调用then()方法中传入的第二个函数，并将失败原因作为参数传递给它。
const promise = new Promise((resolve, reject) => {
setTimeout(() => {
const result = 'Hello, World!';
resolve(result);
}, 1000);
});
promise.then((result) => {
console.log(result);
}).catch((error) => {
console.error(error);
});
这样，我们就避免了回调地狱，代码变得更加简洁和易读。
Promise的用法
Promise的用法非常简单，只需要记住以下几个步骤即可：
- 创建一个Promise对象。
- 使用
then()方法来处理Promise的状态变化。 - 在
then()方法中传入两个函数，分别处理已解决和已拒绝两种状态。 - 在已解决的函数中，可以访问异步操作的结果。
- 在已拒绝的函数中，可以访问异步操作的失败原因。
Promise的优势
使用Promise具有以下几个优势：
- 可以避免回调地狱，使代码更加简洁和易读。
- 可以更轻松地处理异步操作的错误。
- 可以更轻松地对异步操作进行组合和并行处理。
总结
Promise是JavaScript中用来处理异步编程的一种对象，它可以帮助我们避免回调地狱，让异步编程变得更加轻松和可控。Promise的用法非常简单，只需要记住以下几个步骤即可：
- 创建一个Promise对象。
- 使用
then()方法来处理Promise的状态变化。 - 在
then()方法中传入两个函数，分别处理已解决和已拒绝两种状态。 - 在已解决的函数中，可以访问异步操作的结果。
- 在已拒绝的函数中，可以访问异步操作的失败原因。
使用Promise具有以下几个优势：
- 可以避免回调地狱，使代码更加简洁和易读。
- 可以更轻松地处理异步操作的错误。
- 可以更轻松地对异步操作进行组合和并行处理。
