async/await
ES2017で導入された簡単に非同期処理 asynchronousが行えるJavaScriptの記法
asyncを関数につけることで、以下を示す
その関数が非同期のコードを実行すること
await が使われること
await
次↓の行を実行する前にPromise プロミスのresolveを待つように指示
長所
ノンブロッキングAPIをブロッキングAPIのようにする
async を付与した関数、内部で非同期処理 asynchronousを行っているが、async内の処理の処理をみると、上から下に同期処理に見える。
構文が明快で直感的
code:async-await.js
const request = require('request');
function getPageHtml(url) {
// Promiseを返す
//非同期処理を行っている
return new Promise((resolve, reject) => {
request(url, (error, response, body) => {
resolve(body);
});
});
}
//非同期処理する合図
async function main() {
// 以下の処理に対して、Promiseのresolveを待つように指示
//getPageHTML内では、非同期処理を行っているが、main()だけをみると同期的な処理に見える。
const html = await getPageHtml('http://google.com');
console.log(html);
}
main();
console.log('Loading...');
//Loading.....
//HTMLが返される
注意:
理解せずに使っても、ノリキレルので魔法のコトバになりがち