html5의 웹 워커사용하기 ( thread )

worker사용

주의!!) worker는 DOM의 접근을 허용하지 않는다. 여러 worker들의 접근에 따른 문제 때문이다.

postMessage는 API에 정의 되어있는 함수로 worker로 메시지를 보낸다. ( 문자열 뿐만 아닌 여러타입을... )

test.js

window.onload = function(){         var worker = new Worker("worker.js"); worker.postMessage("web"); worker.onmessage = function(event){ var message = "당신은" + event.data + "개발자 입니다."; document.getElementById("output").innerHTML = message; }; };

worker.js

onmessage = myweb; function myweb(event){ if(event.data == "web"){ postMessage("웹"); } }

onmessage = myweb;

worker의 onmessage속성에  myweb함수 할당

function myweb(event){

if(event.data == "web"){

postMessage("웹");

}

}

여기서 event객체는 worker가 메시지를 전송할때 worker로 부터 페이지에 있는 코드로 들어온 객체

event.data와 event.target이 있다.

event.data는 전송한 값, event.targer은 메시지를 전송한 워커를 참조