js promise 链式调用
时间: 2023-08-26 18:09:10 浏览: 109
使用Promise链式调用解决多个异步回调的问题
回答: 在JavaScript中,Promise对象的then和catch方法返回的都是Promise对象,因此它们可以进行链式调用。链式调用的执行逻辑是,每个then方法都会返回一个新的Promise对象,该对象会在前一个Promise对象的状态变为resolved后执行。在链式调用中,每个then方法可以接收前一个Promise对象的resolved值,并返回一个新的Promise对象,以便继续进行下一个then方法的调用。这样可以实现对多个异步操作的顺序控制和错误处理。例如,下面的代码展示了一个Promise链式调用的示例:
```javascript
function do1() {
console.log("任务1");
}
function do2() {
console.log("任务2");
}
function do3() {
console.log("任务3");
}
function do4() {
console.log("任务4");
}
var p = new Promise((resolve, reject) => {
resolve();
});
p.then(do1)
.then(do2)
.then(do3)
.then(do4);
```
在这个示例中,首先创建了一个Promise对象p,并在其resolve方法中执行了一个空操作。然后通过链式调用的方式,依次调用了do1、do2、do3和do4这四个函数。每个函数都会在前一个Promise对象的状态变为resolved后执行。因此,执行结果会按照任务1、任务2、任务3、任务4的顺序输出。
阅读全文