Web Workers API의 AbstractWorker
인터페이스는 기본적인 Worker
에 더해 ServiceWorker
와 SharedWorker
까지, 모든 유형의 워커에 공통된 속성과 메서드를 정의하는 추상 인터페이스입니다.
속성
AbstractWorker
인터페이스는 어떠한 속성도 상속하지 않습니다.
이벤트 처리기
AbstractWorker.onerror
error
유형의ErrorEvent
가 워커로 확산되면 호출할EventListener
입니다.
메서드
AbstractWorker
인터페이스는 어떠한 메서드도 구현하거나 상속하지 않습니다.
예제
AbstractWorker
는 추상 인터페이스므로 코드 내에서 직접 사용할 일은 없습니다. 대신, AbstractWorker
를 상속하는 Worker
또는 SharedWorker
를 사용할 것입니다.
다음 코드는 Worker()
생성자를 사용해 새로운 Worker
를 생성한 후 워커로 메시지를 전송하는 것을 보입니다.
var myWorker = new Worker('worker.js');
first.onchange = function() {
myWorker.postMessage([first.value, second.value]);
console.log('Message posted to worker');
}
위 워커의 코드는 "worker.js
" 파일에서 불러오며, first
로 표현한 <input>
요소가 존재하는 상황을 가정하여, change
이벤트 처리기를 부착해 사용자가 first
의 값을 바꿀 때마다 워커에 메시지를 전송해 바뀐 값을 알려줍니다.
MDN 웹 문서 GitHub 저장소에 더 많은 예제가 준비돼있습니다.
명세
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of 'AbstractWorker' in that specification. |
Living Standard | No change from Unknown. |
브라우저 호환성
BCD tables only load in the browser
같이 보기
Worker
와SharedWorker
이런 특징을 물려받고 있습니다.