通过promise把异步转换为同步

已于 2023-05-07 22:48:28 修改
阅读量580 收藏 1
点赞数
文章标签： 前端 javascript node.js
于 2023-05-07 22:36:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhenyuXing/article/details/130549175
版权
文章探讨了在JavaScript中如何处理异步操作，特别是当输出顺序需要特定控制时。通过示例，作者指出使用async/await和for循环无法改变定时器的执行顺序，并提出利用Promise来解决这个问题，成功将输出结果从0,1,2,3,3,3转变为001122，实现了异步执行顺序的调整。
摘要由CSDN通过智能技术生成

 

输出结果是0,1,2,3,3,3

现在需要输出结果为0 0 1 1 2 2

如果直接通过async await来进行改变，

输出结果（和在for循环 i 的前边加上let声明结果一致）

 

可以看到定时器的结果是改变了 执行顺序并没有改变

那么我们就需要通过promise来改变他的输出顺序

调用结果输出为

 

 这样就实现了同异步的转换

zhenyuXing
关注
鸿蒙应用开发将Promise的多个异步处理改成同步处理，解决回调地狱问题
龚礼鹏的博客
06-18 355
其实在实践过程中大家会发现鸿蒙中的很多api都是异步的，我们如果用异步开发的步骤需要在回调中进行处理，如果有多个异步操作就会嵌套多层，这样看起来代码很紊乱。如果是在for循环中添加多个异步操作，则数据会造成紊乱，因为是异步操作for循环不会等待异步操作完成再进行下一个循环，他会立即进入循环，所以就会出现数据紊乱。
Promise的异步同步问题
qq_45163356的博客
05-31 1664
目录 1：Promise.all方法 2：async和await属性 前言：我们在js编程时，很容易遇到异步队列和同步队列的问题，虽说是单线程，但是请求需要花时间，返回值还没有接受的情况下，会有bug问题，我把几个解决方案做一个笔记分享出来 1：Promise.all方法 getProductdata() { let params = [{ sign: 1 }, { sign: 2 }] let promiseArr = params.map(i =&gt
synchronized-promise:将ES6 Promise转换为同步函数调用，这是去同步包的简单包装
05-13
同步承诺 将ES6 Promise转换为同步函数调用，这是去同步包的简单包装 安装 npm install synchronized - promise -- save 用法 首先，您需要针对JavaScript的“ synchronized-promise包： const sp = require ( 'synchronized-promise' ) 对于TypeScript或ES6之后JavaScript： import sp from 'synchronized-promise' 然后将其称为以下示例： // An promise base async function let asyncFunction = ( value ) => { return new Promise ( ( resolve , reject ) => { setTimeout ( f
Promise 一个基于协程下的任务队列状态管理任务包 解决复杂的异步转同步问题
最新发布
王森的博客
08-15 1108
一直都想写关于Promise的东西，Promise解决的问题特别多，而普通前端就把这东西结合ajax来做一个,如果仅仅作为这样一种东西使用那就太可惜了。
将异步(Promise)方法转化为同步执行
Turn_to_empty的博客
06-02 2632
将异步(Promise)方法转化为同步执行
Promise异步请求变成同步
Allen-Ye博客
06-21 727
Promise异步请求变成同步
Vue 中 Promise 异步和同步 的使用
曾令胜的博客
10-20 1721
<template> <div class="app-container"> <h1>商品信息</h1> <div class="block"> 测试Promise: <div> 操作人{{who}},改变了商品名称:{{merchandiseName}} <el-button @click="changeMerchandiseNameSync" type="prim
微信小程序异步API为Promise简化异步编程的操作方法
10-18
通过将微信小程序的异步API转换为Promise，开发者能够享受到Promise带来的诸多好处，从而提升异步编程的体验和效率。对于希望简化异步操作、改善代码可读性的开发者来说，这是一个非常有用的技术手段。
Angular异步变同步处理方法
10-18
在Angular中，主要通过Promise规范来实现异步变同步的处理。 首先，异步编程是JavaScript的核心特征之一，它允许JavaScript引擎在等待一个长时间操作（如网络请求）完成时，继续执行其他任务。异步操作典型地使用回...
Nodejs让异步变成同步的方法
10-17
下面是使用co库将异步操作转换为同步操作的一个示例： ```javascript var co = require('co'); // 引入co库 var Promise = require('bluebird'); // 引入Promise库，bluebird是常用的Promise库之一 // 登录请求 ...
把微信小程序异步API转为Promise，简化异步编程，告别层层回调 ...
03-29
通过这种方式，不仅可以使`wx.request`，还可以将其他如`wx.getLocation`、`wx.setStorage`等异步API转换为Promise，简化代码结构，让异步操作变得更加直观。 总的来说，`to-promise`库为微信小程序的开发带来了一...
js 将Promise改为同步操作
Misnice的博客
05-16 973
js 将Promise改为同步操作。async/await实现。
Promise定时器转为同步
YAYTXT的博客
11-16 205
// 定时器转为同步
使用Promise将异步转化为同步执行
热门推荐
weixin_45987920的博客
07-02 2万+
PROMISE promise是一个容器，保存着某个未来才会结束的事件（异步操作）的结果。 promise有三种状态：pending（进行中）、fulfilled（成功）和reject（失败），只有异步操作的结果可以改变promise的状态。一旦promise从pending状态转化为fulfilled或reject后就不会再改变。 1. 新建一个Promise Promise在新建后就会立即执行，Promise.then()方法会在当前脚本所有同步任务执行完后才会执行 const promise
Vue异步发送请求转为同步发送请求
qq_42737912的博客
07-02 5482
1、问题场景 在开发项目时遇到了vue异步请求的问题，场景如下： 这里需要身份证号在输入时同步验证身份证号对应的角色是否在另一张表中存在，使用到了vue的dataRule自定义validator验证，在这块使用自带的异步发送ajax死活拿不到验证的值。 于是我查阅了相关资料，vue的异步发送请求在某些场景确实是不好用的，于是自己编写了同步发送请求的方法。 2、解决方法 （1）关闭异步请求 import Vue from 'vue' Vue.prototype.ajax = function(url, t
Promise 异步查询转同步形式
weixin_42497122的博客
08-27 557
Promise 异步查询转同步形式 1、一般在调用数据接口时会使用这种形式，因为 async 和 await 配合 Promise 可以将异步函数转成同步函数执行的形式，使得思路更加清晰，也容易避免产生回调地狱。 async 要修饰一个函数，await 要在这个函数里，await 修饰的是 Promise async function(){ await Promise || 一个返回 Promise 的函数 } 创建一个 Promise const promise = new Promise((r
JavaScript的Promise同步处理
忧郁的蛋的专栏
06-08 2139
当一个异步操作开始时，Promise 的状态为 pending，如果异步操作成功，Promise 的状态就会变为 fulfilled，如果异步操作失败，Promise 的状态就会变为 rejected。另外，如果你的代码中有很多并发的异步操作，使用 async/await 可能会使得代码变得很慢。因为 async/await 是顺序执行的，如果存在多个并发的异步操作，它们会按顺序执行，这可能会导致性能问题。如果你的代码中存在很多嵌套的异步操作，使用 async/await 可能会使得代码变得很难看。
vue 异步调接口$http 实现同步Promise
julina715的博客
09-29 8638
vue调接口方法： let url = 'api/getdata' let formData = new FormData(); formData.append('tag', tag); formData.append('id', id); console.log(1); this.$http.post(url, formData, { emulateJSON:true } ) ....
如何将异步的转换为同步的
07-27
`syncOperation`函数将异步操作转换为同步操作，通过创建一个`std::promise`对象和相应的`std::future`对象来实现。在一个新的线程中执行异步操作，并在异步操作完成后通过`promise.set_value`设置结果。主线程中...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值