首页 JavaScriptJS知识点正文

promise相关问题总结

景先 JS知识点 2020-03-23 453 0

promise状态以及优缺点

promise有三种状态: fulfilled, rejected, pending

Promise 的优点:

  • 一旦状态改变,就不会再变,任何时候都可以得到这个结果
  • 可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数

Promise 的缺点:

  • 无法取消 Promise
  • 当处于pending状态时,无法得知目前进展到哪一个阶段

Promise和setTimeout的区别

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

如何实现 Promise.all

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

  • 如果传入的参数是一个空的可迭代对象,那么此promise对象回调完成(resolve),只有此情况,是同步执行的,其它都是异步返回的。
  • 如果传入的参数不包含任何 promise,则返回一个异步完成.
    promises 中所有的promise都“完成”时或参数中不包含 promise 时回调完成。
  • 如果参数中有一个promise失败,那么Promise.all返回的promise对象失败
  • 在任何情况下,Promise.all 返回的 promise 的完成状态的结果都是一个数组
Promise.all = function (promises) {
    return new Promise((resolve, reject) => {
        let index = 0;
        let result = [];
        if (promises.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;
                });
            }
        }
    });
}

如何实现 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;
        });
    });
}
版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

评论