javascript - async/await

1055 ワード

これはcodeitサイトを勉強するときに整理した内容です.
やっとCodeItのJavaScript学習を終えました.
一度見たことがあるので完璧に理解することはできませんが、勉強中に分からないところがあれば、勉強を探しましょう.

async / await


Asynchoronousの略と解釈され、その名の通り非同期である.
asyncはSyntatic Sugarで、awaitと一緒に使用すると、私たちが使っていたfetch機能を便利に使用できます!
async function test1() {
  const result = await Promise.resolve('success');
  console.log(result);
}
test1();
console.log('JavaScript');
console.log('Programming');
上記のコードからtest 1関数の「success」が最初に出力される可能性がありますが、結果はJavaScript->Programming->success順に出力されます.

async関数のasync関数


関数の表示方法

  • 機能宣言(関数宣言)
  • async function add () {}
  • 機能展開(関数式)
  • const add = async function () {}
  • Arrow Function(矢印関数)
  • const add = async (a, b) => { return a + b;}
  • const add = async (a, b) => a + b;
  • インスタント実行関数


    通常は定義と実行ですが、定義として作成されるとすぐに実行されます.
    (function add (a, b) {
    	return a + b;
    }(1, 2));