js实现promise.all promise.race promise.resolve

最近在准备面试，关于 promise 是面试的热点和考点。不定面试官心情好了就会让你写个 promise 的 api

废话不多说，下面是我写的代码，如有不严谨之处希望指出。

promise.all
当所有 promise 全部 resolve 或者一个 reject 时，返回结果。

function myPromiseAll(promiseArr) {let length = promiseArr.length;let resolvedNum = 0;let resultArr = [];return new Promise((resolve, reject) => {for (let i = 0; i < length; i++) {Promise.resolve(PromiseArr[i]).then((value) => {resultArr[i] = value;resolvedNum++;if (resolvedNum === length) {return resolve(resultArr);}},(err) => {return reject(err);});}});
}

promise.resolve
如果原本就是 promise 类型的，那么直接返回。如果是有 then 属性的对象，且then属性是个函数的，就返回一个 promise，这个 promise 中的方法用这个 then 属性。如果是一个值的话，就直接作为 promise，且在 resolve 中传入这个值。

function myPromiseResolve(value) {if (value instanceof Promise) {return value;}if (Object.prototype.toString.call(value) === "[object Object]" &&typeof value.then === "function") {return new Promise(value.then);}return new Promise((resolve) => {resolve(value);});
}

promise.race
返回第一个结束的 promise 的值

function myPromiseRace(promiseArr) {let checkFirst = true;return new Promise((resolve, reject) => {for (let i = 0; i < promiseArr.length; i++) {Promise.resolve(promiseArr[i]).then((value) => {if (checkFirst) {checkFirst = false;resolve(value);}},(err) => {if (checkFirst) {checkFirst = false;reject(err);}});}});
}

js实现promise.all promise.race promise.resolve相关推荐

【学习笔记】Part1·JavaScript·深度剖析-函数式编程与 JS 异步编程、手写 Promise（二、JavaScript 异步编程）
[学习笔记]Part1·JavaScript·深度剖析-函数式编程与 JS 异步编程.手写 Promise(课前准备) [学习笔记]Part1·JavaScript·深度剖析-函数式编程与 JS 异步 ...
promise 浏览器实现的源码_【大前端01-01】函数式编程与JS异步编程、手写Promise...
[简答题]一.谈谈你是如何理解JS异步编程的,EventLoop.消息队列都是做什么的,什么是宏任务.什么是微任务? 如何理解JS异步编程众所周知JavaScript语言执行环境是"单线程 ...
面试必备--手写Promise.all与.race
最近面试被问到了手写Promise .all 与 Promise.race,奈何没有自己实现过,只能阿巴阿巴面完之后,冷静下来思考了该如何实现,并把他写了下来(在实现过程中确实收获不少,让我对这两个 ...
Promise、THEN链的穿透/顺延机制、关于Promise.all/any/race 三个方法的研究、AJAX的串行和并行
文章目录一.Promise 1.认识Promise Promise的实例肯能由三种状态: Promise原型上的方法: Promise的静态方法: then catch async await 练习 ...
Promise初步详解（resolve，reject，catch
Promise其实是一个构造函数,它有resolve,reject,race等静态方法;它的原型(prototype)上有then,catch方法,因此只要作为Promise的实例,都可以共享并调用P ...
js 宏观任务和微观任务 promise的代码为什么比setTimeout先执行
这篇文章是通过学习极客时间winter大大的<重学前端>中16| promise里的代码为什么比setTimeout先执行总结而来宏观任务[MacroTask] 和微观任务[Micro ...
promise的优点promise.all(),promise.race(),promise.allSettled()的原理
Promise也是使用回调函数,只不过是把回调封装在了内部,使用上一直通过 then 方法的链式调用,使得多层的回调嵌套看起来变成了同一层的,书写上以及理解上会更直观和简洁一些.Promise出现之前 ...
js中浅谈回调地狱 Promise之终极改造代码
Callback helll Promise 异步编程的执行顺序都是不一样的,无法保证代码的顺序: 以下是读取三个文件 const fs=require('fs');fs.readFile('a.tx ...
实现一个完美符合Promise/A+规范的Promise
原文在我的博客中:原文地址如果文章对您有帮助,您的star是对我最好的鼓励- 简要介绍:Promise允许我们通过链式调用的方式来解决"回调地狱"的问题,特别是在异步过程中,通过 ...

js实现promise.all promise.race promise.resolve

js实现promise.all promise.race promise.resolve相关推荐

最新文章

热门文章