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
ソース:コードステータス