JS关于Promise+async+await

本文介绍了如何使用Promise和async/await来处理异步操作,使其看起来更像同步代码。通过创建一个Promise,模拟了一个延迟操作,并在then中处理成功数据。进一步,展示了如何在async函数中使用await关键字,等待Promise解析并获取其结果,从而简化异步流程控制。
摘要由CSDN通过智能技术生成

1.技术点:Promise+async+await

<script>
    // 第一步new一个Promise对象 
    let firstPromise = new Promise(function (resolve, reject) {
        // 初始化查操作...
        console.log("等待处理");
            setTimeout(()=>{
                // 把你需要成功的数据放进去
                resolve("成功!");
            },1000)
        });
    // 这里原型方法then里面就可以拿到resolve里面成功的数据
    firstPromise.then(function (sucMessage) {
           console.log(sucMessage);
    });

    // 异步变同步
    async function Demohandle() {
        console.log("代码");
        // 这里会把then里面的数据取出赋值给res 如果在firstPromis里面有一些耗时的操作导致无法进入then 这里会形成堵塞
        let res = await firstPromise
        console.log(res);
    }

    Demohandle()
</script>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值