Веб-работники - как они работают?
Я пытаюсь понятьэтот пример:
HTML (основной код):
<html>
<title>Test threads fibonacci</title>
<body>
<div id="result"></div>
<script language="javascript">
var worker = new Worker("fibonacci.js");
worker.onmessage = function(event) {
document.getElementById("result").textContent = event.data;
dump("Got: " + event.data + "\n");
};
worker.onerror = function(error) {
dump("Worker error: " + error.message + "\n");
throw error;
};
worker.postMessage("5");
</script>
</body>
</html>
Javascript (рабочий код):
var results = [];
function resultReceiver(event) {
results.push(parseInt(event.data));
if (results.length == 2) {
postMessage(results[0] + results[1]);
}
}
function errorReceiver(event) {
throw event.data;
}
onmessage = function(event) {
var n = parseInt(event.data);
if (n == 0 || n == 1) {
postMessage(n);
return;
}
for (var i = 1; i <= 2; i++) {
var worker = new Worker("fibonacci.js");
worker.onmessage = resultReceiver;
worker.onerror = errorReceiver;
worker.postMessage(n - i);
}
};
У меня есть следующие вопросы:
Когда именно рабочий код начинает работать? Сразу после казниvar worker = new Worker("fibonacci.js");
?
Это правда, чтоonmessage = function(event) { ... }
назначение в рабочем коде будет выполнено доworker.postMessage("5");
в основном коде?
Может ли рабочий код обращаться к глобальным переменным, которые определены в основном коде (например,worker
)?
Может ли основной код обращаться к глобальным переменным, которые определены в рабочем коде (например,results
)?
Мне кажется, чтоworker.onmessage = function(event) {...}
в основном коде имеет такое же значение, какonmessage = function(event) {...}
в рабочем коде (которыйonmessage
обработчик событий работника). Где я не прав? В чем разница между ними?
Что этот код должен на самом деле делать? Когда я запускаюВот это просто печатает "5". Это то, что он должен делать, или я что-то упустил?
Большое спасибо !