《ES6标准入门》第十七章：async 函数

用法

基本用法

async函数返回一个 Promise 对象，可以使用then方法添加回调函数。当函数执行的时候，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。

async function getStockPriceByName(name) {
var symbol = await getStockSymbol(name); 
var stockPrice = await getStockPrice(symbol); 
return stockPrice;
}
getStockPriceByName('goog').then(function (result) { 
console.log(result);
});

上面代码是一个获取股票报价的函数，函数前面的async关键字，表明该函数内部有异步操作。调用该函数时，会立即返回一个Promise对象。

function timeout(ms) { 
return new Promise((resolve) => {
setTimeout(resolve, ms);
 });
} 
async function asyncPrint(value, ms) { 
await timeout(ms); console.log(value);
}
asyncPrint('hello world', 50);

上面代码指定50毫秒以后，输出hello world。

// 函数声明
async function foo() {} 
// 函数表达式 
const foo = async function () {}; 
// 对象的方法
let obj = { async foo() {} };
obj.foo().then(...) 
// Class 的方法
class Storage { constructor() { 
this.***Promise = ***s.open('avatars');
} 
async getAvatar(name) { 
const *** = await this.***Promise;
return ***.match(`/avatars/${name}.jpg`);
 }
} 
const storage = new Storage();
storage.getAvatar('jake').then(…); 
// 箭头函数 
const foo = async () => {};

语法

async函数的语法规则总体上比较简单，难点是错误处理机制。

返回 Promise 对象

async函数返回一个 Promise 对象。

async function f() {
return 'hello world';
}
f().then(v => console.log(v)) // "hello world"

上面代码中，函数f内部return命令返回的值，会被then方法回调函数接收到。

async function f() { 
throw new Error('出错了');
}
f().then(
v => console.log(v),
e => console.log(e)
) // Error: 出错了