Promise.all实现原理

Promise.all的使用

1、使用特征

入参是一个数组，可以传基本类型值，也可以传promise对象。
返回结果是一个Promise对象。
入参数组中的每一个都返回成功，才返回成功。
只要有一个执行失败，则返回失败。

2、使用案例

Promise.all([1, read2(file1), 3]).then(data => {console.log(data)
},error => {console.log(error)
})

3、适用场景

适合多个异步调用函数，并且多个异步函数的调用的入参和结果都无必然联系，比如多个文件的上传或下载。
多个异步函数的执行只关注成功或失败结果。

Promise.all的实现原理

1、实现代码示例

// 封装 Promise.all方法
Promise.all = function (values) {return new Promise((resolve, reject) => {let result = []; // 存放返回值let counter = 0; // 计数器，用于判断异步完成function processData(key, value) {result[key] = value;// 每成功一次计数器就会加1，直到所有都成功的时候会与values长度一致，则认定为都成功了，所以能避免异步问题if (++counter === values.length) {resolve(result);}}// 遍历 数组中的每一项，判断传入的是否是promisefor (let i = 0; i < values.length; i++) {let current = values[i];// 如果是promise则调用获取data值，然后再处理dataif (isPromise(current)) {current.then(data => {processData(i, data);}, reject);} else {// 如果不是promise，传入的是普通值，则直接返回processData(i, current);}}});
}

2、代码解析

Promise.all是挂载到Promise类实例上
返回的是一个Promise
需要遍历入参数组中的每一项，判断传入的是不是promise，如果是promise则执行then方法，然后将then方法中的成功回调的data返回，失败则reject
如果入参数组中有基本数值，则直接返回
通过计数器，来判断函数的执行结果

3、代码GitHub地址
https://github.com/RenZhongrui/javascript-learn/blob/master/004-javascript-promise/promise.js

Promise.all实现原理相关推荐

JS Promise的实现原理
转载自 JS Promise的实现原理在前端开发过程中,会经常使用到 Promise 模式,可以使异步代码看起来如同步般清新易读,从而从回调地狱中解脱出来.ES6中已原生支持 Promise, ...
详解Promise使用与原理
详解Promise使用与原理一:Promise的概念二:Promise的生命周期三:如何让创建一个Promise 四:编写Promise结果处理程序浅的讲差不多了,深的来了 --> .t ...
Promise.race 的原理
// race的原理 Promise.race = function(values){return new Promise((resolve,reject)=>{for(let i = 0 ; ...
Promise.all 的原理
// all的原理 Promise.all = function(values){return new Promise((resolve,reject)=>{let results = []; ...
promise then err_Promise 原理解析与实现(遵循Promise/A+规范)
1什么是Promise? Promise是JS异步编程中的重要概念,异步抽象处理对象,是目前比较流行Javascript异步编程解决方案之一 2对于几种常见异步编程方案回调函数事件监听发布/订阅 ...
promise的优点promise.all(),promise.race(),promise.allSettled()的原理
Promise也是使用回调函数,只不过是把回调封装在了内部,使用上一直通过 then 方法的链式调用,使得多层的回调嵌套看起来变成了同一层的,书写上以及理解上会更直观和简洁一些.Promise出现之前 ...
promise原理—一步一步实现一个promise
promise特点一个promise的当前状态只能是pending.fulfilled和rejected三种之一.状态改变只能是pending到fulfilled或者pending到rejected ...
一篇文章理解Promise原理
前提掌握知识: 微任务包括: MutationObserver.Promise.then()或reject().Promise为基础开发的其它技术,比如fetch API.V8的垃圾回收过程.Node ...
手写Promise和all、race等方法，附上原理解析
手写一个迷你版的Promise JavaScript 中的 Promise 诞生于 ES2015(ES6),是当下前端开发中特别流行的一种异步操作解决方案,简单实现一个迷你版本帮助深入理解 Promi ...

Promise.all实现原理

Promise.all的使用

Promise.all的实现原理

Promise.all实现原理相关推荐

最新文章

热门文章