【17】web workersの応用

html 5のweb workersでは、ブラウザのバックグラウンドでjsを実行するapiが提供されています.これにより、ホームページのロードに影響を与えることなく、複雑な論理処理をバックグラウンドに置くことができますが、web workerは外部ファイルにあるため、window、document、parentなどのjsオブジェクトにアクセスできません.
Web workerでpostmessageとonmessageを使用して通信します.たとえば、スクリプトで計算プロセスを実装し、結果をホームページに戻すことができます.

//webworker.html



    
    

    
        var worker=new Worker("webwork.js");
        worker.postMessage("hello world");
        worker.onmessage=function(event) {
            console.log(event.data);
        }
    


    

//webwork.js
onmessage=function(event) {
    var d=event.data;//        
    postMessage(d);//             
}