ホームページ > 記事 > ウェブフロントエンド > JavaScript で非同期プログラミングを行う 4 つの方法
JavaScript での非同期プログラミングの 4 つの方法: 1. 非同期プログラミングの最も基本的な方法であるコールバック関数、2. イベント駆動モードを使用したイベント リスニング、3. パブリッシュ/サブスクライブ、4. Promises オブジェクト、非同期プログラミングは統一されたインターフェイスを提供します。
この記事の動作環境: 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 サイトの他の関連記事を参照してください。