ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript で非同期プログラミングを行う 4 つの方法

JavaScript で非同期プログラミングを行う 4 つの方法

藏色散人
藏色散人オリジナル
2021-03-31 11:31:534121ブラウズ

JavaScript での非同期プログラミングの 4 つの方法: 1. 非同期プログラミングの最も基本的な方法であるコールバック関数、2. イベント駆動モードを使用したイベント リスニング、3. パブリッシュ/サブスクライブ、4. Promises オブジェクト、非同期プログラミングは統一されたインターフェイスを提供します。

JavaScript で非同期プログラミングを行う 4 つの方法

この記事の動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、DELL G3 コンピューター

4 つの方法JS 非同期プログラミング

1. 非同期プログラミングの最も基本的な方法であるコールバック関数

2 つの関数 f1 と f2 があり、 f1 に時間がかかる場合は、f1 を書き換えて、f1 のコールバック関数として f2 を記述することも考えられます。

function f1(callback){
 
  setTimeout(function () {
 
      // f1的任务代码
 
    callback();
 
  }, 1000);
}

この方法を使用すると、同期操作が非同期操作に変わります。F1 キーはプログラムの実行をブロックしません。これは、プログラムのメイン ロジックを最初に実行し、時間の実行を遅らせることと同じです。消費操作。

コールバック関数の利点は、シンプルで理解しやすく、展開しやすいことです。欠点は、コードの読み取りと保守が容易ではないことです。さまざまな部分が高度に結合されています (結合) 、プロセスは非常に混乱し、各タスクはコールバック関数のみを指定できます。

2. イベント監視

もう 1 つの考え方は、イベント駆動モードを使用することです。タスクの実行はコードの順序ではなく、イベントが発生するかどうかによって決まります。

f1.on('done', f2); f1でdoneイベントが発生すると、f2が実行されます。

function f1(){
 
  setTimeout(function () {
 
    // f1的任务代码
    f1.trigger('done');
 
  }, 1000);
 
}

f1.trigger('done') は、実行完了後、done イベントが直ちにトリガーされて f2 の実行が開始されることを意味します。

このメソッドの利点は、比較的理解しやすいことです。複数のイベントをバインドでき、各イベントに複数のコールバック関数を指定でき、「分離」(デカップリング)できることです。 . モジュール化の実現に貢献します。欠点は、プログラム全体をイベント駆動型にする必要があり、実行プロセスが非常に不明確になることです。

[推奨学習: js 基本チュートリアル ]

3. パブリッシュ/サブスクライブ

「」があることを前提としています。 signal" Center" は、タスクが完了すると、シグナル センターにシグナルを「発行」します。他のタスクは、シグナル センターへのシグナルを「サブスクライブ」して、いつ実行を開始できるかを知ることができます。これは「パブリッシュ/サブスクライブ パターン」(パブリッシュ/サブスクライブ パターン) と呼ばれ、「オブザーバー パターン」(オブザーバー パターン) とも呼ばれます。 「メッセージ センター」を見て、存在するシグナルの数と各シグナルの加入者数を確認することで、プログラムの動作を監視できます。

jQuery.subscribe("done", f2); //首先,f2向"信号中心"jQuery订阅"done"信号。
function f1(){
 
  setTimeout(function () {
 
    // f1的任务代码
 
    jQuery.publish("done"); //f1执行完成后,向"信号中心"jQuery发布"done"信号,引发f2的执行。
 
  }, 1000);
 
  }
 
jQuery.unsubscribe("done", f2); //f2完成执行后,也可以取消订阅(unsubscribe)。

4. Promises オブジェクト

Promises オブジェクトは、CommonJS ワーキング グループによって次の目的で提案された仕様です。非同期プログラミングの統合インターフェイスが提供されます。簡単に言うと、各非同期タスクが Promise オブジェクトを返し、そのオブジェクトにはコールバック関数を指定できる then メソッドがあるという考え方です。

f1().then(f2);
 
function f1(){
 
  var dfd = $.Deferred();
 
  setTimeout(function () {
 
    // f1的任务代码
 
    dfd.resolve();
 
  }, 500);
 
  return dfd.promise;
 
}

コールバック関数はチェーン形式で記述されており、プログラムの処理がわかりやすく、強力な機能を実現するためのサポートメソッドも充実しています。

f1().then(f2).then(f3); //指定多个回调函数
f1().then(f2).fail(f3); //指定发生错误时的回调函数

タスクが完了し、コールバック関数が追加された場合、コールバック関数はすぐに実行されます。そのため、イベントや信号を見逃すことを心配する必要はありません。この方法の欠点は、書くのも理解するのも比較的難しいことです。

以上がJavaScript で非同期プログラミングを行う 4 つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。