前端返回为Promise的情况解决

最新推荐文章于 2023-03-16 14:27:07 发布
最新推荐文章于 2023-03-16 14:27:07 发布
阅读量1.3k 收藏 1
点赞数 2
分类专栏： 前端 文章标签： 前端 网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24970227/article/details/125528756
版权

前端返回为Promise的情况解决 – 三鱼的笔记 (legu.site)


由于这里使用 await ，变量 currentUser 等到后面函数给他赋值后才往下执行，在此打印 currentUser 是有值的，之后将值返回



在此打印时没有值，因为函数内部的 await 只针对上面的函数内同步，下面的useRequest函数里并不会等待 queryCurrent()执行完再往下走

所以此处也需要使用 async 和 await

三鱼子
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
one-mutation:通过`MutationObserver`观察一个突变，然后解决一个Promise
05-27
单突变 通过MutationObserver观察一个突变，然后解决一个Promise。 安装 npm install one-mutation // This module is only offered as a ES Module import oneMutation from 'one-mutation' ; 用法 oneMutation ( document . body , { childList : true } ) . then ( mutations => { // A text node was added! } ) ; document . body . append ( 'Text' ) ; oneMutation ( document . body , { childList : true , filter : mutations => mutat
promise-any:一个Promise扩展以返回第一个已解决的承诺
05-19
Promise.any（） 安装 npm install promise - any - ext 用法 var Promise = global . Promise || require ( "es6-promise" ) . Promise ; Promise . any = require ( 'promise-any-ext' ) ; var promises = [ Promise . reject ( 'a' ) , Promise . resolve ( 'b' ) ] ; Promise . any ( promises ) . then ( function ( value ) { // value is b } ) ;
ES6 Promise
weixin_45695200的博客
09-07 88
目录1 简介2 语法3 Promise的几种状态4 resolve5 reject6 catch7 all8 race9 Promise的作用10 注意 1 简介 Promise 是异步编程的一种解决方案。 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。 在控制台打印Promise： 可以发现，Promise是一个构造函数，自身有all、race、reject、resolve等方法；
Promise重要知识点
IT学霸
03-21 456
1、串联 Promise 每次对 then() 或 catch() 的调用实际上创建并返回了另一个 Promise ，仅当前一个Promise 被完成或拒绝时，后一个 Promise 才会被决议。研究以下例子： p1第一次调用then之后，会再次返回一个成功决议的Promise(即使p1是失败的决议调用then之后也是返回成功决议的Promise)。之后每调用一次then，都会返回一个成功...
promise对象详解
胡西风的博客
05-03 533
参考：阮一峰es6一书中的Promise对象 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。 Promise.prototype = { then: function(resolv.....................
Promise 对象
m0_46404694的博客
01-19 859
含义 Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息 特点 （1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。 （2）一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rej
async-await 的接口返回 promise类型的取值处理
qq_41547882的博客
04-15 5454
如果在使用 async-await 处理接口取返回值，若没有对返回值进行 Promise 封装处理，那么最终等到的返回值就是一个 Promise对象。 所以需要在将接口获取到值往外层函数传的时候，对其进行 Promise 封装处理，然后再得到一个 Promise 封装处理后的对象 之后用 Promise.allSettled() 取对象里的值，在用 filter() 函数 和 map() 函数 对其值进行过滤筛选，最终获取到的才是我们要的值。 const fetchCheck = async () =&
彻底搞懂 async await 的return问题
热门推荐
韩旭的博客
05-28 4万+
什么是async await？ 简单的来说 async await就是promise的语法糖，我们可以把它认知为promise的简写，另外你可以将它简单的认为是异步转同步的那么一个解决方案。 Async？ 首先我们来看这一串代码 //立即执行函数，不了解的话可以去查一下资料 const a = (async () => { return 111 })() console.log(a) // Promise { 111 } 我们可以看到给函数添加上async之后 返回值即成为了promise对象，
前端学习开发之【Promise】与【axios】
qq_46056318的博客
10-25 1050
异步编程文件操作数据库操作定时器实现异步编程： 回调函数什么是Promise？Promise是JS中进行异步编程的解决方案，语法上讲就是一个构造函数，功能上讲promise对象用来封装一个异步操作并可以获取其成功或失败的结果值。Promise 是一个 ECMAScript 6 提供的类，目的是更加优雅地书写复杂的异步任务。为什么要用Promise指定回调函数，更灵活：启动异步任务—返回promise对象—给promise对象绑定回调函数；以前必须在启动异步任务前就把回调函数准备好；
发送请求时浏览器打印内容和展开内容不一致
lhyxm的博客
03-16 280
原因：打印的参数是实际构建的参数，展开的内容是其他地方修改了参数导致，打印的内容和展开的内容不一致。
前端开源库-memoize-promise
08-29
前端开源库-memoize-promise记忆承诺，就像一个正常的记忆功能。唯一的区别是它期望你记忆中的功能返回一个承诺。在该承诺解决/拒绝之前，对函数的后续调用将返回相同的承诺。
用Promise解决多个异步Ajax请求导致的代码嵌套问题(完美解决方案)
12-10
前端小同学在做页面的时候，犯了个常见的错误：把多个Ajax请求顺序着写下来了，而后面的请求，对前面请求的返回结果，是有依赖的。如下面的代码所示： var someData; $.ajax({ url: '/prefix/entity1/action1', ...
前端开源库-set-immediate-promise
08-30
前端开源库-set-immediate-promise设置即时承诺，返回由set immediate（）立即解决的承诺
ES6关于Promise的用法详解
12-03
Node的产生，大大推动了Javascript这门语言在服务端的发展，使得前端人员可以以很低的门槛转向后端开发。 当然，这并不代表迸发成了全栈。...为了解决这个问题，ES6提出了Promise的实现。 含义 Promise 对象用
【JavaScript源代码】Promise面试题详解之控制并发.docx
12-29
　有 8 个图片资源的 url，已经存储在数组 urls 中（即urls = [‘http://example.com/1.jpg', …., ‘http://example.com/8.jpg']），而且已经有一个函数 function loadImg，输入一个 url 链接，返回一个 Promise，...
新手也能看懂得当Promise的回调函数中返回Promise对象时执行过程
qq_35094120的博客
10-07 2814
新手也能看懂的“当Promise的回调函数中返回Promise对象时执行过程” 如图所示，为promise回调中返回Promise对象时： 为什么能够返回一个Promise对象呢?现在为大家揭秘。 第二个then函数中 首先执行第一个then函数，得到的结果是个Promise对象， 当得到的是Promise对象时，如下图所示，本来第一个zhen函数会将该结果给到下一个待执行的then函数中，由于该返回值是Promise对象，之所以调用该返回的Promise对象的then方法，是因为要将该Promis
Promise对象详解（涉及回调地狱的解决、async&await的使用）
m0_46339022的博客
05-24 552
文章目录一、Promise对象2.1、Promise简介2.2、Promise产生背景2.3、Promise的基本使用2.4、使用Promise解决回调地狱2.4.1、如何解决多重请求（回调地狱）2.4.2、简化多重请求的promise写法2.5、Promise的方法使用2.6、异步代码同步化 之前发现自己对async&await的理解没有那么深，所以翻出笔记又看了一遍！ 一、Promise对象 2.1、Promise简介 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事
通过一个函数来解析promise，返回promise——仅限在异步组件Suspense的子组件中使用；当前组件中使用不了这个数据；
阿牛哥的博客
10-15 365
通过一个函数来解析promise，返回promise——仅限在异步组件Suspense的子组件中使用；当前组件中使用不了这个数据；
循环调接口获取数据是[Promise]格式
qq_42600647的博客
12-09 642
【代码】循环调接口获取数据是[Promise]格式。
前端面试：promise.all
最新发布
02-29
在前端面试中，Promise.all() 是一个常见的问题。它是一个用于处理多个 Promise 对象的方法，返回一个新的 Promise 对象。根据引用所述，Promise.all() 方法接收一个 promise 的 iterable 类型的输入（例如数组），并且只返回一个 Promise 实例。当所有输入的 promise 都成功执行时，Promise.all() 返回的 Promise 对象的 resolve 回调会传递一个包含所有 promise 结果的数组。如果输入的 promise 中有任何一个失败或者输入不合法的 promise，Promise.all() 返回的 Promise 对象的 reject 回调会立即抛出错误，并且 reject 的是第一个抛出的错误信息[^2]。 以下是一个示例，演示了如何使用 Promise.all() 方法： ```javascript const promise1 = Promise.resolve(3); const promise2 = 42; const promise3 = new Promise((resolve, reject) => { setTimeout(resolve, 100, 'foo'); }); Promise.all([promise1, promise2, promise3]) .then(values => { console.log(values); // 输出：[3, 42, 'foo'] }) .catch(error => { console.error(error); // 如果有任何一个 promise 失败，会立即抛出错误 }); ``` 在上面的示例中，我们创建了三个 Promise 对象：promise1、promise2 和 promise3。promise1 是一个已经解决的 Promise，promise2 是一个普通的值，promise3 是一个在 100 毫秒后解决的 Promise。我们将这三个 Promise 对象作为参数传递给 Promise.all() 方法。当所有的 Promise 都成功执行时，Promise.all() 返回的 Promise 对象的 resolve 回调会传递一个包含所有 promise 结果的数组。在这个示例中，我们通过 then() 方法获取到了这个数组，并将其打印出来。如果有任何一个 Promise 失败，Promise.all() 返回的 Promise 对象的 reject 回调会立即抛出错误，并且 reject 的是第一个抛出的错误信息。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值