Promise源码解密-异步版(2)，JavaScript的for循环与双重for循环

于 2024-04-04 10:54:05 发布
阅读量853 收藏 10
点赞数 9
分类专栏： 程序员 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84092360/article/details/137369832
版权

  1. Promise源码解密-同步版

  2. Promise源码解密-异步版

  3. Promise源码解密-then的链式调用

  4. Promise源码解密-catch/resolve/reject/race

创作不易 拒绝白嫖 点个赞呗

关注专栏 Promise源码解密,带你走进Promise的深处！！！

解决了啥

在同步版本中，我们在执行器中编写异步代码的情况下，

会导致先执行then，在执行异步的方法中的resolve或者reject。

所以我们就需要将then中接收到的方法转移到执行器中的异步方法中执行。

我们只需要将then接收到的方法，展示存起来，当调用到resolve/reject时，再执行then接收到的方法

代码

// 定义状态常量

const STATUS_PENDING = ‘pending’

const STATUS_FULFILLED = ‘fulfilled’

const STATUS_REJECTED = ‘rejected’

最低0.47元/天 解锁文章
2401_84092360
关注
  • 9
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
大白话讲解Promise（一）
aigenglong0649的博客
03-11 1万+
去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛 复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？...
js异步机制、事件循环、Promise执行顺序
12-05 1351
前言看了阮老师的《JavaScript 运行机制详解：再谈Event Loop》，有些地方还是不太清楚，所以又查了一些资料，决定写篇文章总结一下。
js中forEach与for循环实现按顺序输出promise
weixin_43801836的博客
10-05 2455
首先拿到4个pending的promise对象，然后分别.then注册成功的回调，一秒后res1、res2、res3, res4状态变为fulfilled，最后从上到下依次打印结果，四块代码会同时执行。如果使用for循环，就能够按顺序输出1，2，3，4。隔9秒输出1， 隔8秒输出2， 隔7秒输出3， 隔6秒输出4。题干：通过数组中的值设定第一个promise使用9秒，第二个使用八秒，第三个使用七秒，第四个使用六秒。先隔七秒输出4，然后每隔一秒输出一个3，2，1。4 forEach没有for循环效率高。
js for循环遍历每一项异步请求，遍历结束后执行使用promise.all
我是小奶音啊的博客
07-08 7159
场景： 数组遍历中每次遍历都需要去请求getStaffCover接口，拿到该接口的结果拼接到数组的每一项，等到数组遍历完之后，拿到拼接好的数组。拼接的数组必须是最终遍历的结果，所以得等到所有的请求结束之后进行操作，使用map可以返回每一次异步请求的Promise合集，注意这里不需要return，然后使用Promise.all等待执行完所有的异步操作，然后才会执行后面的代码 解决 const promise = nv.aiFaceData.items.map(async item => {
js中如何让for循环中的Promise全部完成后执行某个操作？
reg183的专栏
05-27 2718
... save_tap:function(){ var that = this; let files= []; let parr=[]; if(that.data.files.length>0){ that.data.files.map((item)=>{ let base64 = wx.getFileSystemManager().readFileSync(item, "base64"); let p= new.
for循环中进行Promise异步操作的问题总结
u013351986的专栏
12-06 6360
原文http://blog.csdn.net/canot/article/details/73505891 笔者在for循环中进行Promise异步操作的时候，主要会遇到两个问题: 一是如何让所有的for循环中的Promise操作结束后执行某个操作二是循环中如果后一个Promise的执行依赖与前一个Promise的执行结果(例如对于某个数据库操作) 问题1，如何让fo
JavaScript核心技术开发解密随书源码
03-18
"JavaScript核心技术开发解密随书源码" 提供的是一系列与JavaScript相关的代码示例和实践教程，旨在帮助开发者深入理解并掌握JavaScript的核心概念和技术。 在JavaScript的世界里，你需要了解以下关键知识点： 1. ...
OneTool多平台助手程序网页源码全解版
06-10
【OneTool多平台助手程序网页源码全解版】是一个专为开发者和研究者设计的开源项目，旨在提供一个多功能的在线工具集。这个程序能够跨多个平台运行，包括但不限于Web浏览器，它允许用户在无需安装任何桌面应用程序的...
医疗小程序 hyb_yl 6.0.0.zip微信小程序模板源码
08-12
2. Promise：用于异步操作的处理，使得代码更加清晰、易读。 3. Vuex或类似的全局状态管理库：协调小程序中多个页面的数据共享，保持数据的一致性。 4. WebSocket：实现实时通信，如在线咨询和推送通知功能。 5. UI...
音乐播放器_微信小程序模板js代码前台前端H5页面源码.rar
最新发布
08-09
2. **JS代码核心**：在该模板中，JavaScript（js）代码是控制播放器功能的关键，包括播放、暂停、上一曲、下一曲、进度条控制、音量调节等。开发者可能需要了解Promise、事件监听、数据绑定等JS概念，以及微信小程序...
common-mods:日常使用的通用模块
05-22
10. **异步控制**：如Promise和async/await的支持，帮助开发者更好地管理异步流程。 项目的完整文档说明是非常重要的，它会详细阐述每个模块的用途、使用方法、参数说明以及返回值等，方便开发者查阅和引用。对于...
原生JS实现Promise（详解）
weixin_46726346的博客
08-16 3491
摘要 首先呢，Promise是异步中比较重要的知识点，学习的最好方法就是掌握它的基本原理。 所以这一篇主要说一下如何用JS来实现一个自己的promise。 构造函数 首先我们来看一下我们是如何使用promise的，我们在实例化对象是这么使用的： let p1 = new Promise((resolve, reject) => { let random = Math.floor(Math.random() * 10); if (random > 4) {
js事件循环+promise
czx3387170的博客
06-30 1615
！！！！！！事件循环其实就是：执行栈，宿主环境，事件队列3个之间的配合！！！！！！！！ 执行栈：call stack 是所有函数执行的一个环境， 只有执行栈里面空闲了，才去执行事件队列里面的事件。 JS引擎永远执行的是执行栈的最顶部 div.onclick=function(){ ..... } 这个也是异步函数，只有等用户点击的时候，才去执行函数，这样的函数也叫异步函数， 某些函数不会立即执行，需要等到某个时机到达后才会执行，这样的函数称为异步函数，比如事件处理函数 异步函数的执行时机，会被宿主环
js中的异步模式--- promise篇（2）
麦子的博客
06-21 314
开篇我们仍然解决一下上篇提出的问题：并行执行，顺序输出 熟悉一个事物的最佳方式就是自己创造一遍，亲身体会一下创作过程中遇到的问题和你的解决方案与标准之间的差异。 Promise 实现（demo）思路 1、构造函数形式 2、调用流程 3、then方法链式调用 4、不同异步形式的组合， 如catch， done， finally，race，all等方法 一、构造函数形式 var promise =...
js中Promise的原理及实现
CC_Together的博客
04-11 3921
手写Promise
js之promise
热门推荐
我心坚持
03-02 4万+
promise promise是一个对异步操作进行封装并返回其结果的构造函数， promise是浏览器引擎自带的（但不是所有浏览器都支持promise） 当你new 一个promise时，就已经开始执行函数。
js之异步操作(事件循环机制及异步处理方式含promise)
quanquanhe526的博客
07-27 2809
最近学习es6 看到promise和generater，最后发现他们的共同点都是通过维护状态来解决异步的一种方式， 由于js单线程运行的特点，所以前端编程一直离不开异步这个概念，先把这个知识点进行梳理。 先看同步问题，同步很简单就是程序排队执行,但同步会存在阻塞问题 同步阻塞： // 这是一个阻塞式函数, 将一个文件复制到另一个文件上 function copyBigFile(afile,...
Javascript 在循环中使用Promise对象
hey_zng的博客
07-15 1万+
先看一个生成Promise对象的方法 function createPromise() { var promise; promise = new Promise(function(resolve, reject) { var elapse = Math.random() * 2000; setTimeout(resolv
element-plus中v-for循环后表单验证
06-06
在element-plus中，可以使用v-for循环渲染表单控件，并且可以对这些控件进行表单验证。具体步骤如下： 1. 在表单控件上添加ref属性，并设置为一个唯一的字符串。 例如： ``` <el-form-item label="姓名" prop=...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值