ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptのマルチスレッド_javascriptスキルを詳しく解説
JavaScriptのマルチスレッド_javascriptスキルを詳しく解説
- WBOYオリジナル
- 2016-05-16 15:45:371263ブラウズ
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 マルチスレッドに関する私の理解です。また、すべてのヒーローが貴重な意見を提供し、一緒に学ぶことができることを願っています。上記の紹介が皆様のお役に立てれば幸いです。