粥里有勺糖

vuePress-theme-reco 粥里有勺糖    2018 - 2023
粥里有勺糖 粥里有勺糖

Choose mode

  • dark
  • auto
  • light
关于我
备战春秋
  • 心得总结
  • 校招考点汇总
  • 面经汇总
  • 复习自查
技术笔记
  • 技术教程
  • 模板工程
  • 源码学习
  • 技术概念
  • 个人作品
  • 学习笔记
计算机基础
  • 算法与数据结构
  • 操作系统
  • 计算机网络
  • 设计模式
  • 剑指offer
大前端
  • javascript
  • vue
  • html
  • css
  • 🌏浏览器专题
  • Web性能优化
  • regexp
  • node
面试
  • 问解
  • javascript
  • css
  • 手撕代码
  • 性能优化
  • 综合问题
  • 面经汇总
  • 小程序
手撕代码
  • 数据结构与算法
  • javascript
  • css
个人站点
  • GitHub (opens new window)
  • 博客园 (opens new window)
  • 掘金 (opens new window)
线上作品
  • 轻取(文件收集) (opens new window)
  • 个人图床 (opens new window)
  • 考勤小程序 (opens new window)
  • 时光恋人 (opens new window)
  • 在线简历生成 (opens new window)
留言板
Github (opens new window)
author-avatar

粥里有勺糖

285

文章

40

标签

关于我
备战春秋
  • 心得总结
  • 校招考点汇总
  • 面经汇总
  • 复习自查
技术笔记
  • 技术教程
  • 模板工程
  • 源码学习
  • 技术概念
  • 个人作品
  • 学习笔记
计算机基础
  • 算法与数据结构
  • 操作系统
  • 计算机网络
  • 设计模式
  • 剑指offer
大前端
  • javascript
  • vue
  • html
  • css
  • 🌏浏览器专题
  • Web性能优化
  • regexp
  • node
面试
  • 问解
  • javascript
  • css
  • 手撕代码
  • 性能优化
  • 综合问题
  • 面经汇总
  • 小程序
手撕代码
  • 数据结构与算法
  • javascript
  • css
个人站点
  • GitHub (opens new window)
  • 博客园 (opens new window)
  • 掘金 (opens new window)
线上作品
  • 轻取(文件收集) (opens new window)
  • 个人图床 (opens new window)
  • 考勤小程序 (opens new window)
  • 时光恋人 (opens new window)
  • 在线简历生成 (opens new window)
留言板
Github (opens new window)
  • Javascript

    • javscript代码题
    • 简单-实现promiseAll
    • 简单-实现bind
    • 简单-实现call
    • 简单-实现apply
    • 简单-继承实现
    • 简单-new实现
    • 简单-instanceof实现
    • 简单-a同时等于多个值
    • 简单-闭包调用
    • 简单-立即执行的定时器
    • 中等-判断两个日期是否同一周
    • 中等-async/await实现
    • 中等-实现深拷贝
    • 中等-请求合并
    • 中等-数组去重

实现promiseAll

vuePress-theme-reco 粥里有勺糖    2018 - 2023

实现promiseAll

粥里有勺糖 2020-09-01 手撕代码javascript

# 实现promiseAll

这个难度比较底,面试遇到的频率也挺高的

# 第一种

  • 要求:必须等全部都resolved或者reject才返回
  • 有一个reject就走catch
  • 返回数组:(包括每一个resolved/reject的内容)
  • 返回的数组结果对应的顺序与传入的promise顺序一致

朴素写法

/**
 * Promise.All
 * @param {Array<promise>} promises 
 */
function PromiseAll(promises) {
    const data = []
    let count = 0
    return new Promise((res, rej) => {
        for (let i = 0; i < promises.length; i++) {
            const p = promises[i]
            p.then(r => {
                data[i] = r
                count++
                if (count === promises.length) {
                    res(data)
                }
            }).catch(err => {
                data[i] = err
                count++
                if (count === promises.length) {
                    rej(data)
                }
            })
        }
    })
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

测试

function createPromise(timeout, success = true) {
    return new Promise((res, rej) => {
        setTimeout(() => {
            if (success) {
                res(timeout)
                return
            }
            rej(timeout)
        }, timeout)
    })
}

const p1 = createPromise(1000)
const p2 = createPromise(3000)
const p3 = createPromise(2000,false)

PromiseAll([p1, p2, p3]).then(console.log).catch(console.error)
// [1000,3000,2000]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Edit this page (opens new window)
Last Updated: 2022/5/15 12:46:34