Promise和async/await基本用法讲解

javascript 中ES6新增的Promise 很重要解决异步回调的问题,下面用一个小案例讲一下用法

步骤:

  1. new Promise;
  2. resolve( ) 传递数值;
  3. return promise 对象;
  4. then()调用,如果链式调用多个需要return 之后的的函数;
  5. 定义 async 函数 , await 函数 ,后面跟 promise 函数, 链式调用需要接收上一个返回值。

代码案例

    function run1(n) {
        return new Promise((resolve, reject) => {
            let m = n + 1;
            resolve(m);
        })
    };

    function run2(n) {
        return new Promise((resolve, reject) => {
            let m = n + 1;
            resolve(m);
        })
    };

    function run3(n) {
        return new Promise((resolve, reject) => {
            let m = n + 1;
            resolve(m);
        })
    };


   

调用方法一, then()链式调用

  const num = 1;
    run1(num).then(data=>{
        console.log(data); 
        return run2(data);
    }).then(data=>{
        console.log(data);
        return run3(data);
    }).then(data=>{
        console.log(data) // 4 
    })

调用方法二 , async / await

    const num = 1;
    async function fun(){
        var r1 = await run1(num);
        var r2 = await run2(r1);
        var r3 = await run3(r2);
        console.log(r3) // 4
    }
   fun();

async 注意事项
请添加图片描述

请添加图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值