接收Promise的返回值的方法

最新推荐文章于 2024-05-03 11:47:20 发布
最新推荐文章于 2024-05-03 11:47:20 发布
阅读量4.4k 收藏 3
点赞数 3
文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43235503/article/details/130695709
版权

第一种：使用.then(res=>{ },err=>{ });

Promise对象.then(res=>{   

},err=>{

});

第二种：使用.then(res=>{ }).catch(err=>{ });

Promise对象.then(res=>{

}).catch(err=>{

});

第三种：使用async、await

async 函数名(){
    await Promise对象;
};

第四种：使用try{ } catch(error) { } + async、await

async 函数名(){
    try{
        await Promise对象;   

    } catch(error){

    }
};

前端小凯
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
获取JavaScript异步函数的返回值
11-28
今天研究一个小问题： 怎么拿到JavaScript异步函数的返回值？ 1.错误尝试 当年未入行时，我的最初尝试： [removed] function getSomething() { var r = 0; setTimeout(function() { r = 2; }, 10); return r; } function compute() { var x = getSomething(); alert(x * 2); } compute(); [removed] 2.回调函数 弹出的不是4，而是0，后来知道这是异步的问题， 要用回调技术来做： [removed] func
Promise用法
01-08
我们在使用函数的时候经常需要在函数的参数传入另外一个函数，一层一层传递，很容易造成回调地狱，这样的代码不利于维护； promise是个构造函数对象，解决了回调问题，它有三种状态，pending(等待态)，fulfiled(成功态)，rejected(失败态)，常用到的方法则有 then，catch，all，race promise是用来解决两个问题的： 回调地狱，代码难以维护， 常常第一个的函数的输出是第二个函数的输入这种现象 promise可以支持多个并发的请求，获取并发请求中的数据 这个promise可以解决异步的问题，本身不能说promise是异步的 Promise的构造函数接收一个参数
Promise获取数据的几种方式
热门推荐
学渣蓝鲸的博客
09-20 3万+
Promise获取数据的几种方式一、Promise.all1. 互相不关联的ajax请求：2. 统一获取多个异步请求返回的数据：一、Promise.then 一、Promise.all 我们平时在项目中可能会请求多个异步结果最后整合到一起的需求，也就是说在一个页面中获取一组数据，需要调用不同的接口最后将他们拼接到一起，在这个数组中可能初始获取了一组数据，但是数据有不全的地方需要我们调用其他的接口...
【JS】881- 我终于弄懂了Promise
pingan8787
02-26 249
转自：掘金 -前端布吉岛https://juejin.cn/post/6921593620680802311写在前面以前总是似懂非懂，这次总算把它弄了个清楚什么是PromiseES6 异...
如何获取promise对象的值
hoho_12
12-15 1万+
如何获取promise对象的值
概念澄清：如何直接拿到promise的返回值
dongnihao的博客
09-13 1万+
如果它等到的是一个 Promise 对象，await 就忙起来了，它会阻塞后面的代码，等着 Promise 对象 resolve，然后得到 resolve 的值，作为 await 表达式的运算结果。await 等到了它要等的东西，一个 Promise 对象，或者其它值，然后呢？我不得不先说，await 是个运算符，用于组成表达式，await 表达式的运算结果取决于它等的东西。如果它等到的不是一个 Promise 对象，那 await 表达式的运算结果就是它等到的东西。async 函数返回的是一个。
获取异步请求返回promise中的数据
Amber8080的博客
11-19 9311
为什么 我们都知道，在项目中，由于JS 的单线程机制（可了解微任务、宏任务）异步请求的数据是无法立即使用的，ES6提供的promise机制可以很好的解决这个问题。那么如何使用promise来获取异步请求返回的数据呢，以下。 1. 单个promise对象——.then获取 function f(){ return new Promise((resolve, reject) => { //调用resolve函数返回数据data resolve(data)； }); } p = foo(
怎么获取promise的结果
weixin_42608299的博客
01-12 1525
可以使用.then()来获取promise的结果，它接受一个回调函数，在promise成功解决时调用该回调函数，并将promise的结果作为参数传入。例如: promise.then(function(result) { console.log(result); }); ...
js 使用promise函数返回值
Qing_X_C的博客
01-20 5933
作为一个函数如果请求接口后要有返回值，在then（）里面直接return，返回的是个无法使用的promise对象 此时应该新建一个promise对象，return resolve（），页面可正常使用返回值，
JS采用Promise方式获取回调函数的返回值
u010376229的博客
11-02 8547
function A(params, callback){ callback(params+1) } function B(num1){ A(num1, (num)=>{ return num; }); } let a = 3; let num = B(a); console.log(n...
捕获未处理的Promise错误方法
01-19
为了保证可读性，本文采用意译而非直译，并且对源代码进行了大量修改。另外，本文版权归原作者所有，翻译仅用于学习。 使用Promise编写异步代码时，使用reject来处理错误。有时，开发者通常会忽略这一点，导致一些错误没有得到处理。例如： function main() { asyncFunc() .then(···) .then(() => console.log('Done!')); } 由于没有使用catch方法捕获错误，当asyncFunc()函数reject时，抛出的错误则没有被处理。 这篇博客将分别介绍在浏览器与Node.js中，如何捕获那些未处理的Promise错误。 浏览器中未
makefun:promise在不等待的情况下使用承诺值
04-09
在不等待的情况下满意时使用承诺值 ••• ••• 安装 npm i makefun -S yarn add makefun 问题 有时，一旦实现了承诺，您就想使用承诺值。 该库可帮助您使用本机的Promise机制来实现此目标。 以下示例向您展示了此库为何有用的原因。 我们将引导您完成该示例，并在必要时提供说明。 请注意，可以在/examples/index.js获得相同示例的可运行版本。 假设您有各种实用程序函数来查询数据库。 const queryUserInfo = async ( ) => ( { username : '@abumusamq' } ) ; const queryAccountInfo = async ( user ) => ( { user , created : '19-02-2020' } ) ; 注意， queryAccountInfo需
Promise-Api:Promise基础使用
05-24
Promise-Api Promise基础使用 fs文件，数据库操作 Promise支持链式调用，解决回调地狱 Promise实例化需要接收一个函数，函数必须有两个形参resolve解决,reject拒绝,Promise包裹一个异步函数 两个形参都是函数类型的数据，成功调用resolve，失败调用reject,返回一个promise对象 该对象可以调用两个回调函数，第一个是成功的回调，第二个则是失败的 Promise可以获取成功和失败的结果值，该值可以作为参数传到resolve和reject函数中 ##Promise的状态，Promise实例对象中的一个属性 [PromiseState] 1.pending 未决定的 2.resolved / fullfilled成功 3.rejected 失败 一个pending只能改变一次 ##Promise对象的值 实例对象中的另一个属性[Promi
详解ES6 Promise对象then方法链式调用
12-10
then()方法会返回一个新的Promise实例，所以then()方法后面可以继续跟另一个then()方法进行链式调用。 let p = new Promise((resolve, reject) => { setTimeout(resolve, 1000, 'success'); }); p.the
ES6中Promise的使用方法实例总结
11-20
本文实例讲述了ES6中Promise的使用方法。分享给大家供大家参考，具体如下： 在javascript中，代码是单线程执行的，对于一些比较耗时的IO操作，都是通过异步回调函数来实现的。 但是这样会存在一个问题，当下一个的...
手把手教你实现 Promise的使用方法
12-17
虽然很多语言都早已内置了 Promise ，但是 JavaScript 中真正将其发扬光大的还是 jQuery 1.5 对 $.ajax 的重构，支持了 Promise，而且用法也和 jQuery 推崇的链式调用不谋而合。后来 ES6 出世，大家才开始进入全民 ...
element-ui的bug记录
nick_zhang的博客
04-29 601
7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。6.select 的 popper-append-to-body ,默认值为true;dialog的append-to-body,默认值为false;3.element表格前端分页。
基于Springboot的旅游管理系统（有报告）。Javaee项目，springboot项目。
最新发布
XING的博客
05-03 1141
基于Springboot的旅游管理系统（有报告）。Javaee项目，springboot项目。数据库作为系统数据储存平台，实现了基于B/S结构的Web系统。界面简洁，操作简单。采用M（model）V（view）C（controller）三层体系结构，通过。
bpmn-js推荐几款常用的插件
飞云先生
04-30 146
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
promise返回值如何使用
03-20
Promise 返回值可以通过 then 方法来获取。then 方法接收两个参数，第一个参数是成功时的回调函数，第二个参数是失败时的回调函数。成功时的回调函数会接收 Promise 的返回值作为参数，而失败时的回调函数会接收错误信息作为参数。例如： ``` const promise = new Promise((resolve, reject) => { // 异步操作 const result = 'Promise 返回值'; resolve(result); }); promise.then((value) => { console.log(value); // 输出：Promise 返回值 }).catch((error) => { console.error(error); }); ``` 在上面的例子中，Promise 返回值为 'Promise 返回值'，成功时的回调函数会将这个值作为参数输出到控制台。如果 Promise 发生错误，则会调用失败时的回调函数。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值