JavaScriptのマルチスレッド_javascriptスキルを詳しく解説
AJAX テクノロジーを使用して開発される Web サイトはますます増えていますが、複雑な AJAX アプリケーションを構築するのは依然として問題です。
これらの困難の主な理由は何ですか?サーバーとの非同期通信の問題でしょうか?それとも GUI プログラミングの問題でしょうか?通常、これら 2 つのタスクはデスクトップ プログラムによって実行されますが、同じ機能を実現できる AJAX アプリケーションを開発するのがなぜそれほど難しいのでしょうか?
JavaScript が単一スレッドで実行されることは誰もが知っていますが、setTimeout または setInterval を通じてメソッドを定期的に実行することもでき、サーバーにリクエストを送信しても応答を受信しなかった後も、Ajax を通じてメイン ロジックの実行を続けることができます。 。これがどのように行われるかについては、以下で説明します。
まず、次のコード部分を見てください:
<html> <body> <script type="text/javascript"> function printHello() { console.time("hello"); } function printHello1() { console.timeEnd("hello"); } setTimeout(printHello,1000); setTimeout(printHello1,5000); function wait(time) { var now = Date.now(); while(Date.now() - now < time) { } } wait(5000); </script> </body> </html>
上記のコードの実行結果は
ですhello: 0.124ms
コードからわかるように、printHello と printHello1 はほぼ同時に実行されます。マルチスレッド モデルの場合、実行間隔は 4000 ミリ秒である必要があります。
上記の理由は、setTimeout はイベントをすぐに実行するのではなく、その時点でイベントをキューにプッシュするだけであるためです。実行の具体的なタイミングは、ブラウザのアイドル状態によって異なります。
実際、JavaScript はシングルスレッドですが、ブラウザには次のスレッドがあります:
JavaScript エンジン スレッド
インターフェースレンダリングスレッド
ブラウザイベントトリガースレッド
HTTP リクエスト スレッド
JavaScript のシングル スレッドは、イベント キューを単一のスレッドで処理する JavaScript エンジンのスレッドを指します。ブラウザは、マウス クリック イベント、setTimeout、Ajax コールバック イベントなど、多くのイベントが非同期です。が発生すると、ブラウザはこれらのイベントを実行キューに入れ、ブラウザがアイドル状態のときに実行されるのを待ちます。
さらに、ajax 呼び出しは実際に非同期であることに注意してください。コールバック イベントが設定されている場合、ブラウザーは新しいスレッドを開始してサーバーにリクエストを送信します。サーバーの戻りステータス。
上記は JavaScript マルチスレッドに関する私の理解です。また、すべてのヒーローが貴重な意見を提供し、一緒に学ぶことができることを願っています。上記の紹介が皆様のお役に立てれば幸いです。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

このチュートリアルでは、カスタムGoogle検索APIをブログまたはWebサイトに統合する方法を示し、標準のWordPressテーマ検索関数よりも洗練された検索エクスペリエンスを提供します。 驚くほど簡単です!検索をyに制限することができます

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

この記事シリーズは、2017年半ばに最新の情報と新鮮な例で書き直されました。 このJSONの例では、JSON形式を使用してファイルに単純な値を保存する方法について説明します。 キー価値ペア表記を使用して、あらゆる種類を保存できます

コードプレゼンテーションを強化する:開発者向けの10個の構文蛍光物 ウェブサイトやブログでコードスニペットを共有することは、開発者にとって一般的な慣行です。 適切な構文ハイライターを選択すると、読みやすさと視覚的な魅力を大幅に改善できます。 t

楽なWebページレイアウトのためにjQueryを活用する:8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。 この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます

この記事では、JavaScriptとJQuery Model-View-Controller(MVC)フレームワークに関する10を超えるチュートリアルの厳選された選択を紹介します。これは、新年にWeb開発スキルを向上させるのに最適です。 これらのチュートリアルは、Foundatioのさまざまなトピックをカバーしています

コアポイント これは通常、メソッドを「所有」するオブジェクトを指しますが、関数がどのように呼び出されるかに依存します。 現在のオブジェクトがない場合、これはグローバルオブジェクトを指します。 Webブラウザでは、ウィンドウで表されます。 関数を呼び出すと、これはグローバルオブジェクトを維持しますが、オブジェクトコンストラクターまたはそのメソッドを呼び出すとき、これはオブジェクトのインスタンスを指します。 call()、apply()、bind()などのメソッドを使用して、このコンテキストを変更できます。これらのメソッドは、与えられたこの値とパラメーターを使用して関数を呼び出します。 JavaScriptは優れたプログラミング言語です。数年前、この文はそうでした
