[JavaScript]非同期処理3.async/await



async/awaitとは?

promiseでこのツールを過度に使用すると、callback地獄のような問題が発生する可能性があります.この場合、AsyncおよびAwaitを使用して、promiseをより簡潔に、より容易に同期して動作させることができる.関数の前にasyncと書くと、コードブロックは自動的にpromiseに変換されます.次に、関数において、awaitを遅延が必要な部分の前に貼り付ける.エラー処理は、tryおよびcatchを用いてもよいので、非常に簡便である.

基本構文

async function 함수명(){
    await 비동기처리_메서드명();
}
  • 関数の前にasync
  • を追加
  • 非同期動作を行う関数にawaitを加えればよい.
  • async


    1.既存のPromise方式で処理


    Promiseを使用するには、resolveおよびrejectを呼び出す必要があります.

    2.asyncを用いて上記の方法を処理する


    asyncを使用すると、関数のコードブロックはPromiseに自動的に変換されます.

    await


    1.既存のPromise方式で処理


    콜백지옥を思い出す.

    2.awaitで修正


    awaitに遭遇した場合、javascriptはPrimis処理を待つ.結果はその後返却された.CPUリソースは、インフラストラクチャの処理待ち時に他のタスク(他のスクリプトの実行、イベントの処理など)を実行できるため、無駄になりません.awaitpromise.thenよりも洗練された文法であり、Primisのresult値を得ることができる.promise.thenより毒性がよく、使いやすい.

    Reference

  • https://github.com/JaeYeopHan/typescript_playground
  • https://www.youtube.com/channel/UC_4u-bXaba7yrRz_6x6kb_w