5.3 ES6 async 函数

相关文章推荐

失眠的烤地瓜 · Redisson官方文档 - 11. ...· 1 年前 ·

文武双全的围巾 · sql查询bool值-注意事项_sql ...· 1 年前 ·

腹黑的领带 · Jpa设置默认值约束 - 星小梦 - 博客园· 1 年前 ·

憨厚的熊猫 · MIME 类型| 菜鸟教程· 2 年前 ·

一身肌肉的台灯 · Kafka发送消息和消费消息的方式_kafk ...· 2 年前 ·

async 是 ES7 才有的与异步操作有关的关键字，和 Promise ， Generator 有很大关联的。

async function name([param[, param[, ... param]]]) { statements }

name: 函数名称。

param: 要传递给函数的参数的名称。

statements: 函数体语句。

async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。

async function helloAsync ( ) { return " helloAsync " ; console . log ( helloAsync ( ) ) // Promise {<resolved>: "helloAsync"} helloAsync ( ) . then ( v => { console . log ( v ) ; // helloAsync

async 函数中可能会有 await 表达式，async 函数执行时，如果遇到 await 就会先暂停执行，等到触发的异步操作完成后，恢复 async 函数的执行并返回解析值。

await 关键字仅在 async function 中有效。如果在 async function 函数体外使用 await ，你只会得到一个语法错误。

function testAwait ( ) { return new Promise ( ( resolve ) => { setTimeout ( function ( ) { console . log ( " testAwait " ) ; resolve ( ) ; } , 1000 ) ; } ) ; async function helloAsync ( ) { await testAwait ( ) ; console . log ( " helloAsync " ) ; helloAsync ( ) ; // testAwait // helloAsync

await

await 操作符用于等待一个 Promise 对象, 它只能在异步函数 async function 内部使用。

[return_value] = await expression;

expression: 一个 Promise 对象或者任何要等待的值。

返回 Promise 对象的处理结果。如果等待的不是 Promise 对象，则返回该值本身。

如果一个 Promise 被传递给一个 await 操作符，await 将等待 Promise 正常处理完成并返回其处理结果。

function testAwait ( x ) { return new Promise ( resolve => { setTimeout ( ( ) => { resolve ( x ) ; } , 2000 ) ; } ) ; async function helloAsync ( ) { var x = await testAwait ( " hello world " ) ; console . log ( x ) ; helloAsync ( ) ; // hello world

正常情况下，await 命令后面是一个 Promise 对象，它也可以跟其他值，如字符串，布尔值，数值以及普通函数。

function testAwait ( ) { console . log ( " testAwait " ) ; async function helloAsync ( ) { await testAwait ( ) ; console . log ( " helloAsync " ) ; helloAsync ( ) ; // testAwait // helloAsync

await针对所跟不同表达式的处理方式：

漫天绯羽