JavaScriptの約束を開始する

イントロ

JavaScriptの約束への非常に簡単な導入へようこそ.自分自身の約束でグリップになった後、私は私が練習にそれらを置くために必要な必需品を共有すると思いました.

JS約束の基礎

約束は次のようなレシピで定義できます.

function function1 () {
  return new Promise ((resolve, reject) => {
    try {
      doSomeStuff()
      resolve()
    } catch (err) {
      reject(err) 
    }
  })
}

resolve() 約束に関連する操作が成功した場合に呼び出される必要があります.reject() もし約束が解決できなかったならば、呼ばれるべきです.
呼び出し元関数は、await またはthen() 約束の方式使うawait , 関数全体を非同期として宣言するasync キーワード.両方の例を示します.

async function callerFunc1() {
  // Use 'await'
  await function1()
}

function callerFunc2() {
  // Use '.then()'
  function1().then(() => {
    doSomethingAfterwards() 
  })
}

2つの余分なものPromise.then() . まず第一に、我々はチェーン.then() このように動作するものを作るために、

function callerFunc3() {
  function1.then(() => {
    console.log('First thing finished')
  }).then(() => {
    console.log('Second thing finished')
  })
}

第二にthen() 実際に2つの引数をとることができます:約束が解決した場合の1つと、約束が拒否された場合に別のケースを処理します.

function callerFunc4() {
  function1.then(() => {
    console.log('Everything went to plan!')
  }, () => {
    console.log('The Promise rejected :(')
  })
}

これらの例をアクションでチェックアウトする場合は、this StackBlitz

結論

うまくいけば、私はこのような便利なガイドをリリースするとすぐに更新プログラムを取得するには、この助けを見つけたか、このような私に従ってください!