(JS)BelloperのモダンJavaScript:非同期処理

9814 ワード
await async JavaScript js JavaScript 現代JavaScript テキストリンク

出版する
タスクを同期処理すると、タスクの完了を待つ間に停止状態になるため、他のタスクは実行できません.仕事が終わってからでないと次の予定の仕事ができないからです.
ただし、非同期処理を行うとストリームは停止しないため、複数のタスクを同時に処理できます.

大量の計算タスクを処理する関数の作成

function work() {
  const start = Date.now();
  for (let i = 0; i < 1000000000; i++) {}
  const end = Date.now();
  console.log(end - start + 'ms');
}

work();
console.log('다음 작업');
work()関数が露出すると、for文が返されると、他の操作を処理せずにfor文が完全に実行されます.
このプロセスで他の操作を行う場合は、関数を非同期形式に変換する必要があります.そのためには、setTimeOutという関数を使用する必要があります.
function work() {
  setTimeout(() => {
    const start = Date.now();
    for (let i = 0; i < 10000000; i++) {}
    const end = Date.now();
    console.log(end - start + 'ms');
  }, 0);
}

console.log('작업시작');
work();
console.log('다음 작업');
setTimeout関数は、第1のパラメータの関数を第2のパラメータに入れる時間(ms単位)後に呼び出される.(これは、0ミリ秒後に実行されることを意味しますが、実際には4ミリ秒後に実行されます.)setTimeoutを使用すると、指定したタスクはバックグラウンドで実行されるため、既存のコードストリームをブロックせずに他のタスクを同時に実行できます.

ワーク関数が終わったら、どんなタスクを処理したいですか?

パラメータとしてコールバック関数を渡す


コールバック関数とは、関数タイプの値をパラメータに渡し、特定の操作が完了した後にパラメータとして受信した関数を呼び出すことです.
function work(callback) {
  setTimeout(() => {
    const start = Date.now();
    for (let i = 0; i < 10000000; i++) {}
    const end = Date.now();
    console.log(end - start + 'ms');
    callback();
  }, 0);
}

console.log('작업 시작');
work(() => {
  console.log('작업이 끝났어요!')
});
console.log('다음 작업');

プライマリ非同期処理

  • AjaxWeb APIリクエスト:サーバ側からデータを受信する必要がある場合は、サーバ応答をリクエストして待機する必要があるため、タスクは非同期で処理されます.
  • ファイルの読み取り:通常、サーバ側でファイルの読み取りが必要な場合に非同期処理を行います.
  • 暗号化/復号化:暗号化/復号化時でも直ちに処理できない場合があり、一定の時間がかかる場合があるため非同期処理である.
    • 計画
  • タスク:数秒後にタスクをスケジュールする必要がある場合は、settimeoutを使用して非同期処理を行うことができます.
    • フルログLinux TinaコンパイルdemoOmxVdecエラー
    📃UIscroollViewの使用