async
ES2017 标准引入了 async 函数，使得异步操作变得更加方便。
1.基本用法
async函数返回一个 Promise 对象，可以使用then方法添加回调函数。当函数执行的时候，一旦遇到await就会先返回，等到异步操作完成，再接着执行函数体内后面的语句。
asyncfunctiongetStockPriceByName(name) {
constsymbol=awaitgetStockSymbol(name);
conststockPrice=awaitgetStockPrice(symbol);
returnstockPrice;
}
getStockPriceByName('goog').then(function(result) {
console.log(result);
});
上面代码是一个获取股票报价的函数，函数前面的async关键字，表明该函数内部有异步操作。调用该函数时，会立即返回一个Promise对象。
2.语法
返回 Promise 对象
async函数返回一个 Promise 对象。
async函数内部return语句返回的值，会成为then方法回调函数的参数
asyncfunctionf() {
return'hello world';
}
f().then(v=>console.log(v))
// "hello world"
上面代码中，函数f内部return命令返回的值，会被then方法回调函数接收到。
async函数内部抛出错误，会导致返回的 Promise 对象变为reject状态。抛出的错误对象会被catch方法回调函数接收到。
asyncfunctionf() {
thrownewError('出错了');
}
f().then(
v=>console.log('resolve',v),
e=>console.log('reject',e)
)
//reject Error: 出错了
Promise 对象的状态变化
async函数返回的 Promise 对象，必须等到内部所有await命令后面的 Promise 对象执行完，才会发生状态改变，除非遇到return语句或者抛出错误。也就是说，只有async函数内部的异步操作执行完，才会执行then方法指定的回调函数。
asyncfunctiongetTitle(url) {
letresponse=awaitfetch(url);
lethtml=awaitresponse.text();
returnhtml.match(/<title>([\s\S]+)<\/title>/i)[1];
}
getTitle('https://tc39.github.io/ecma262/').then(console.log)
// "ECMAScript 2017 Language Specification"
上面代码中，函数getTitle内部有三个操作：抓取网页、取出文本、匹配页面标题。只有这三个操作全部完成，才会执行then方法里面的console.log。
await 命令
正常情况下，await命令后面是一个 Promise 对象，返回该对象的结果。如果不是 Promise 对象，就直接返回对应的值。
asyncfunctionf() {
// 等同于
// return 123;
returnawait123;
}
f().then(v=>console.log(v))
// 123
上面代码中，await命令的参数是数值123，这时等同于return 123。
另一种情况是，await命令后面是一个thenable对象（即定义了then方法的对象），那么await会将其等同于 Promise 对象。
classSleep{
constructor(timeout) {
this.timeout=timeout;
}
then(resolve,reject) {
conststartTime=Date.now();
setTimeout(
()=>resolve(Date.now()-startTime),
this.timeout
);
}
}
(async()=>{
constsleepTime=awaitnewSleep(1000);
console.log(sleepTime);
})();
// 1000
上面代码中，await命令后面是一个Sleep对象的实例。这个实例不是 Promise 对象，但是因为定义了then方法，await会将其视为Promise处理。
3.async 函数实现原理
async 函数的实现原理，就是将 Generator 函数和自动执行器，包装在一个函数里。
asyncfunctionfn(args) {
// ...
}
// 等同于
functionfn(args) {
returnspawn(function*() {
// ...
});
}
所有的async函数都可以写成上面的第二种形式，其中的spawn函数就是自动执行器。
4.顶层 await
根据语法规格，await命令只能出现在 async 函数内部，否则都会报错。
// 报错
constdata=awaitfetch('https://api.example.com');
上面代码中，await命令独立使用，没有放在 async 函数里面，就会报错。
目前，有一个语法提案允许在模块的顶层独立使用await命令，使得上面那行代码不会报错了。这个提案的目的，是借用await解决模块异步加载的问题。
// awaiting.js
letoutput;
asyncfunctionmain() {
constdynamic=awaitimport(someMission);
constdata=awaitfetch(url);
output=someProcess(dynamic.default,data);
}
main();
export{output};
上面代码中，模块awaiting.js的输出值output，取决于异步操作。我们把异步操作包装在一个 async 函数里面，然后调用这个函数，只有等里面的异步操作都执行，变量output才会有值，否则就返回undefined。
