深入理解：async / await 异步编程技术详解

时间：11-15 现代故事提交错误

其实深入理解：async / await 异步编程技术详解的问题并不复杂，但是又很多的朋友都不太了解，因此呢，今天小编就来为大家分享深入理解：async / await 异步编程技术详解的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

返回“你好世界”；

}

timout()此时没有输出。

console.log(timeout()) 此时console.log输出一个promise对象。

请注意，async 函数返回一个Promise 对象；要获取promise对象的返回值，需要使用then方法：

异步函数超时(){

返回“你好世界”

}

超时().then(结果={

控制台.log(结果)

})

console.log("虽然它在后面，但我先执行它") 在控制台中，首先打印"虽然它在后面，但我先执行它"，然后打印"hello world"。说明异步函数不会阻塞后续代码的执行。

Console.log(timeout()) 上面代码打印的promise已经解决了，

Promise {:"hello world"} 这是async函数的内部实现原理：如果async函数中有返回值，则调用该函数时，内部会调用Promise.solve()方法进行转换进入一个promise.resolve对象作为返回；但如果报告内部错误，则会调用Promise.reject() 返回一个Promise 对象。

相应修改超时函数：

异步函数超时（标志）{

如果（标志）{

返回“你好世界”

}别的{

返回“失败”

}

控制台.log（超时（真））

console.log(timeout(false)) 控制台打印如下：

承诺{:"hello world"}

Promise{:"failure"}

await简介

await表示等待。任何表达式都可以放在await关键字之后，但更常见的是返回promise对象的表达式。注意await关键字只能放到async函数里面构造一个函数并返回一个promise对象，该函数是在2秒后将输入值乘以2：

函数doubleAfter2seconds(num){

返回新的Promise((解决，拒绝)={

设置超时(()={

解决(2*num)

}，2000）

})

现在编写另一个异步函数，以便您可以使用await 关键字。放在await后面的是一个可以返回promise对象的表达式，即上面的doubleAfter2seconds函数：

异步函数测试(){

让结果=等待doubleAfter2seconds(100)

控制台.log(结果)

}调用测试函数，打开控制台，2秒后输出200。

代码执行过程：调用测试函数时，遇到await，await表示等待。当代码到达这里时，就暂停在这里，不再继续执行，等待promise对象执行完毕。然后获取promise.resolve的值并返回。获得返回值后继续执行。具体到上面的代码：遇到await后，代码暂停执行，等待doubleAfter2seconds(100)完成执行。 doubleAfter2seconds(100) 返回的Promise 开始执行。 2 秒后，promise 解析并返回200。它被分配给result，暂停结束。代码开始执行。

这个函数看不到async/await的作用，但是如果把三个doubleAfter2seconds()函数的结果相加呢？

异步函数tribleTest(){

让第一=等待doubleAfter2seconds(100);

让第二个=等待doubleAfter2秒（100）；

让第三个=等待doubleAfter2秒（100）；

console.log(第一+第二+第三);

好了，文章到此结束，希望可以帮助到大家。