当前位置:网站首页 > JavaScript开发 > 正文

JavaScript技术总结8:顺序执行 promise

如果有一堆异步或普通函数都返回 promise,要求一个接一个地执行,这个工具就会很有用。它会获取函数或 promise 列表,并使用数组 reduce 方法按顺序解析它们。

const asyncSequentializer = (() => { const toPromise = (x) => { if(x instanceof Promise) { // if promise just return it return x; } if(typeof x === 'function') { // if function is not async this will turn its result into a promise // if it is async this will await for the result return (async () => await x())(); } return Promise.resolve(x) } return (list) => { const results = []; return list .reduce((lastPromise, currentPromise) => { return lastPromise.then(res => { results.push(res); // collect the results return toPromise(currentPromise); }); }, toPromise(list.shift())) // collect the final result and return the array of results as resolved promise .then(res => Promise.resolve([...results, res])); } })();

 

到此这篇JavaScript技术总结8:顺序执行 promise的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • JavaScript技术总结10:等待所有 promise 完成2024-11-27 23:00:08
  • JavaScript技术总结11:交换数组值的位置2024-11-27 23:00:08
  • JavaScript:switch-case语句中不区分大小写匹配2024-11-27 23:00:08
  • javascript和php区别_php和Java2024-11-27 23:00:08
  • javascript和php区别_php有必要学吗2024-11-27 23:00:08
  • JavaScript技术总结7:格式化 JSON 字符串,stringify 任何内容2024-11-27 23:00:08
  • JavaScript技术总结6:创建一个范围内的数字2024-11-27 23:00:08
  • JavaScript技术总结5:随机 ID 生成器2024-11-27 23:00:08
  • JavaScript技术总结4:带有范围的随机数生成器2024-11-27 23:00:08
  • JavaScript技术总结2:检查是否为空2024-11-27 23:00:08
  • 全屏图片