async + await 实现异步请求同步化

testAsy(x){
            console.log(33333) 
               return new Promise(resolve=>{setTimeout(() => {
                   resolve(x);
                 }, 1000)
                }
               )
            },
            async testAwt(){   
            console.log(2222222222) 
              let result =  await this.testAsy('hello world');
              console.log(result);    // 3秒钟之后出现hello world
            }

testAwt();

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: async/await异步编程的一种方式,它可以让我们以同步的方式编写异步代码async/await 的本质是基于 Promise 的,它通过将异步操作封装成 Promise 对象,然后使用 async/await 语法糖来简化 Promise 的使用,从而实现异步编程的同步化。因此,async/await 既包含异步的特性,也具备同步的表现形式。 ### 回答2: async await异步编程的一种方式。在JS中,异步编程通过回调函数、Promise对象、Generator函数等实现,但代码可读性并不高,而async/await可以让异步代码的语法更加简洁易读。 async/await实际上是基于Promise实现的,它是一个语法糖,内部使用Promise来管理异步操作。async函数返回一个Promise对象,当函数内部遇到await关键字时,则会暂停函数执行,等待异步操作返回结果,然后继续执行async函数。 当使用async/await时,同步代码的执行顺序仍然是同步的,但异步操作的执行顺序是异步的。如下代码: ``` async function test() { console.log('start') let result = await new Promise(resolve => { setTimeout(() => { resolve('async/await') }, 1000) }) console.log(result) console.log('end') } test() console.log('main') ``` 输出结果为: ``` start main async/await end ``` 从输出结果可以看出,test()函数内部的异步操作是异步执行的,但test()函数本身的执行顺序是同步的。而test()函数返回一个Promise对象,当调用test()函数时,会先输出'main',再输出'async/await',最后输出'end'。 总之,async/await异步编程的一种方式,它通过简洁的语法糖让我们更易读地编写异步代码,但底层仍然是异步执行的。 ### 回答3: async/await异步编程的一种方式,它将异步操作转变为同步流程,使得异步代码看起来像同步代码一样易于理解和维护。 JavaScript是单线程的语言,而且在执行异步操作时,原本的线程会被阻断,导致代码无法继续执行,影响用户体验。因此,JavaScript引入了异步操作的概念,利用回调函数、Promise、async/await等机制来实现异步编程。其中,async/await是ES2017新增的异步编程解决方案,它通过async函数和await操作符来实现异步操作的等待和顺序执行。 在使用async/await进行异步编程时,代码看起来像同步代码一样顺序执行,但实际上async函数内部的异步操作仍然是异步执行的。异步操作会在后台执行,并不会阻塞主线程的执行,因此async/await仍然是异步编程的一种方式。 需要注意的是,在使用async/await进行异步编程时,需要保证所有的异步操作都返回一个Promise对象,否则await操作将会报错。此外,如果async函数内部有多个await操作,则它们的执行顺序是串行的,即等待上一个操作完成后再执行下一个操作,从而保证异步操作的顺序性和一致性。 综上所述,async/await是一种异步编程方式,它通过将异步操作转换为同步流程来使得异步代码易于理解和维护。同时,需要保证所有异步操作都返回Promise对象才能使用await操作,并且await操作会串行执行,保证异步操作的一致性和顺序性。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值