JS/NADE非同期


Achievement Goals


ネストされたコールバックがどのような場合に発生するか理解できます.オーバーラップcallbackの欠点、Promiseの利点が理解できます.Promiseの使用パターンは理解できます.
  • の分解、拒否の意味、catchとの関係は理解できる.
  • パラメータの伝達方法は、
  • Promiseから理解できます.
  • Promiseの3つの状態がわかります.
  • Promise.allの使い方が理解できます.
  • async/awaitキーワードを理解し、その動作原理を理解します.Node.jsのfsモジュールの使い方がわかります.

    非同期と同期


    非同期:非同期とは、リクエストが同時に結果を生成しないことを意味します.


    動機:リクエストに対して同時に結果が同期される(synchronous).


    非同期実行の有用性

  • バックグラウンド実行、ロードウィンドウなどのタスク
  • インターネットからサーバに要求を送信し、応答を待つタスク
  • .
  • 大ファイル
  • をロード

    非同期関数伝達モード


  • コールバックモード


  • イベントの登録

  • 非同期の例

  • Dom Elementイベントハンドラ
  • マウス、キーボード入力(クリック、キーなど)
  • ページロード(DOMContent Loadなど)
  • タイマ
  • タイマAPI(settimeout等)
  • アニメーションAPI(要求アニメーションフレームワーク)
  • サーバのリクエストと応答
  • fetch API
  • AJAX(XHR)
  • Calback関数

  • を繰り返し実行する関数(反復器)
  • [1,2,3].map(function(element, index) {
     return element * element
    }

  • Callbackエラーハンドル設計


  • イベントドライバの関数(イベントハンドラ)
  • document.querySelector('#btn').addEventListener('click', function(e) { console.log('button clicked');
    });
    注:接続関数の実行ではありません.関数自体を接続します.document.querySelector('#btn').onclick = handleClick(); X
    ソース:コードステータス