window.addEventListener('message', function (event) {
    event.source.postMessage('Howdy Cowboy!', event.origin);
}, false);

理論的には、Webワーカーは別のWebワーカーを生成することもできます。ただし、実際、ほとんどのブラウザはこれを禁止しています。したがって、Webワーカー間で通信する唯一の方法は、メインアプリケーションを使用することです。メッセージによる通信は同時に行われるため、非同期（非ブロッキング）通信のみが実行されます。最初は、これはプログラミングでは奇妙かもしれませんが、多くの利點をもたらします。最も重要なことは、私たちのコードには人種條件がないはずです！ 2つのパラメーターを使用してシーケンスの開始と終了を表して、バックグラウンドで一連の素數(shù)を計算する簡単な例を見てみましょう。まず、次のコンテンツを含むprime.jsというファイルを作成します。

onmessage = function (event) {
    var arguments = JSON.parse(event.data);
    run(arguments.start, arguments.end);
};
function run (start, end) {
    var n = start;

    while (n < end) {
        var k = Math.sqrt(n);
        var found = false;

        for (var i = 2; !found && i <= k; i++) {
            found = n % i === 0;
        }

        if (!found) {
            postMessage(n.toString());
        }

        n++;
    }
}

if (typeof Worker !== 'undefined') {
    var w = new Worker('prime.js');
    w.onmessage = function(event) {
        console.log(event);
    };
    var args = { start : 100, end : 10000 };
    w.postMessage(JSON.stringify(args));
}

var fs = (function () { 
    /* code for the worker */ 
}).toString(); 
var blob = new Blob(
   [fs.substr(13, fs.length - 14)],
   { type: 'text/javascript' }
);
var url = window.URL.createObjectURL(blob);
var worker = new Worker(url);
// Now setup communication and rest as before

paralleljsは役立ちますか？

これは、Paralleljsが出てくる場所です。これは、Webワーカーだけでなく、ある程度の利便性のために素晴らしいAPIを提供します。多くの補助ツールと非常に便利な抽象化が含まれています。最初に処理するデータを提供します。

var p = new Parallel([1, 2, 3, 4, 5]);
console.log(p.data);

window.addEventListener('message', function (event) {
    event.source.postMessage('Howdy Cowboy!', event.origin);
}, false);

上記のコードの問題は、計算が実際に並行していないことです。データの配列全體を一度に処理する?yún)g一の背景ワーカーのみを作成します。完全な配列を処理した後にのみ、結(jié)果を取得できます。より良い解決策は、並列インスタンスのマップ関數(shù)を使用することです。

onmessage = function (event) {
    var arguments = JSON.parse(event.data);
    run(arguments.start, arguments.end);
};
function run (start, end) {
    var n = start;

    while (n < end) {
        var k = Math.sqrt(n);
        var found = false;

        for (var i = 2; !found && i <= k; i++) {
            found = n % i === 0;
        }

        if (!found) {
            postMessage(n.toString());
        }

        n++;
    }
}

前の例では、コアは非常に単純で、単純すぎる可能性があります。実際の例では、多くの操作と機能が関與します。必要な関數(shù)を使用して、インポートされた関數(shù)を含めることができます。

if (typeof Worker !== 'undefined') {
    var w = new Worker('prime.js');
    w.onmessage = function(event) {
        console.log(event);
    };
    var args = { start : 100, end : 10000 };
    w.postMessage(JSON.stringify(args));
}

機能は、斷片化された結(jié)果を単一の結(jié)果に集約するのに役立ちます。これは、すべてのサブレクストを知った後、サブルルトを収集し、特定の操作を?qū)g行するための便利な抽象化を提供します。

結(jié)論

Paralleljsは、Webワーカーを使用するときに発生する可能性のある問題を回避するためのエレガントな方法を提供します。さらに、いくつかの便利な抽象化とヘルパーを備えた素敵なAPIを取得します。將來、さらなる改善を統(tǒng)合できます。 JavaScriptでSMTを使用できることに加えて、ベクトル化を使用することもできます。サポートされている場合、Simd.jsは実行可能なアプローチのようです。一部の（できればそれほど遠くない）未來では、コンピューティングにGPUを使用することも有効なオプションになる場合があります。 node.jsには、cuda（並列コンピューティングアーキテクチャ）のラッパーがありますが、元のJavaScriptコードはまだ不可能です。それまでは、Paralleljsは、マルチコアCPUを利用して長期にわたるコンピューティングを処理するための最良の選択でした。あなたも？ JavaScriptを使用して、最新のハードウェアの力を解き放ちますか？