わかりやすかったページを日本語にしました。
https://javascript.info/async-await
asyncキーワードから始めましょう。このように、関数の前に置くことができます。
async function f() {
return 1;
}
関数の前の「async」という言葉は、1つの簡単なことを意味します。関数は常にPromiseを返します。関数が実際にはPromiseではない値を返す場合でも、関数定義の先頭に“ async”キーワードを付けると、Javascriptは解決されたPromiseでその値を自動的にラップするように指示されます。
例えば、上のコードはの結果で解決されたPromiseを返します。1それをテストしましょう
async function f() {
return 1;
}
f().then(alert); // 1
…Promiseを明示的に返すこともできます。それは同じです。
async function f() {
return Promise.resolve(1);
}
f().then(alert); // 1
そのためasync、関数がPromiseを返すことを保証し、その中にPromiseでないことをラップします。簡単ですよね。
!!自分が知りたかったところがバッチリ書いてありました。
気が向いたら、オンラインエディタで実行してみてください〜
https://playcode.io/online-javascript-editor