promise

Posted 2021-11-26 still1

1.promise有几种状态，promise有什么优缺点？

promise有三种状态： fulfilled，rejected，pending。

 

Promise的优点：

1) 一旦状态改变，就不会再变，任何时候都可以得到这个结果

2) 可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数

 

Promise的缺点：

1) 无法取消 Promise

2) 当处于pending状态时，无法得知目前进展到哪一个阶段

 

2.promise构造函数是同步还是异步执行，then中的方法呢？promise如何实现then处理？

Promise的构造函数是同步执行的。then 中的方法是异步执行的。

3.promise和setTimeout的区别？

Promise是微任务，setTimeout是宏任务，同一个事件循环中，promise.then 总是先于 setTimeout 执行。

4.如何实现 Promise.all ？

要实现 Promise.all，首先我们需要知道 Promise.all 的功能：

1) 如果传入的参数是一个空的可迭代对象，那么此promise对象回调完成 (resolve)，只有此情况，是同步执行的，其他都是异步返回的。

2) 如果传入的参数不包含任何 promise，则返回一个异步完成。promises 中所有的promise都 "完成" 时或参数中不包含 promise 时回调完成。

3) 如果参数中有一个 promise 失败， 那么 Promise.all 返回的 promise 对象失败。

4) 在任何情况下， Promise.all 返回的 promise 的完成状态的结果都是一个数组。

Promise.all = function (promises) {
    return new Promise((resolve, reject) => {
        let index = 0;
        let result = [];
        if (promise.length === 0) {
            resolve(result);
        } else {
            function processValue(i, data) {
                result[i] = data;
                if (++index === promises.length) {
                    resolve(result);
                }
            }
            for (let i=0; i<promises.length; i++) {
                //promises[i] 可能是普通值
                Promise.resolve(promises[i].then((data) => {
                    processValue(i, data);
                }, (err) => {
                    reject(err);
                    return;
                }));
            }
        }
    });
}

 

5.如何实现 Promise.finally ?

不管是成功还是失败，都会走到 finally中，并且 finally 之后，还可以继续then。并且会将值原封不动的传递给后面的then。

Promise.prototype.finally = function (callback) {
    return this.then((value) => {
        return Promise.resolve(callback()).then(() => {
            return value;
        });
    }, (err) => {
        return Promise.resolve(callback()).then(() => {
            throw err;
        });
    });
}

 

---

 

Promise的源码实现（完美符合Promise/A+规范）