Известно, что JavaScript является однопоточным во всех современных реализациях браузеров, но указано ли это в каком-либо стандарте или это просто по традиции? Совершенно безопасно предположить, что JavaScript всегда однопоточный?
Известно, что JavaScript является однопоточным во всех современных реализациях браузеров, но указано ли это в каком-либо стандарте или это просто по традиции? Совершенно безопасно предположить, что JavaScript всегда однопоточный?
Ответы:
Это хороший вопрос. Я хотел бы сказать «да». Я не могу
Считается, что JavaScript имеет единственный поток выполнения, видимый для сценариев (*), поэтому при вводе встроенного сценария, прослушивателя событий или тайм-аута вы полностью контролируете его до тех пор, пока не вернетесь с конца своего блока или функции.
(*: игнорирование вопроса о том, действительно ли браузеры реализуют свои движки JS, используя один поток ОС, или WebWorkers вводят другие ограниченные потоки выполнения.)
Тем не менее, на самом деле это не совсем верно , в подлых противных отношениях.
Наиболее распространенный случай - это немедленные события. Браузеры запустят их сразу же, когда ваш код что-то заставит их вызвать:
var l= document.getElementById('log');
var i= document.getElementById('inp');
i.onblur= function() {
l.value+= 'blur\n';
};
setTimeout(function() {
l.value+= 'log in\n';
l.focus();
l.value+= 'log out\n';
}, 100);
i.focus();
<textarea id="log" rows="20" cols="40"></textarea>
<input id="inp">
Результаты log in, blur, log out
на всех, кроме IE. Эти события не просто запускаются, потому что вы вызвали focus()
напрямую, они могут произойти, потому что вы позвонили alert()
, открыли всплывающее окно или что-то еще, что перемещает фокус.
Это также может привести к другим событиям. Например, добавьте i.onchange
прослушиватель и введите что-нибудь во входные данные до того, как focus()
вызов не сфокусирует его, и порядок журналов будет таким log in, change, blur, log out
, за исключением Opera, где он есть, log in, blur, log out, change
и IE, где он есть (даже менее объяснимо) log in, change, log out, blur
.
Точно так же вызов click()
элемента, который обеспечивает его, вызывает onclick
обработчик сразу во всех браузерах (по крайней мере, это согласованно!).
(Я использую on...
свойства прямого обработчика событий здесь, но то же самое происходит с addEventListener
и attachEvent
.)
Существует также множество обстоятельств, при которых события могут запускаться, пока ваш код пронизан, несмотря на то, что вы ничего не сделали, чтобы спровоцировать его. Пример:
var l= document.getElementById('log');
document.getElementById('act').onclick= function() {
l.value+= 'alert in\n';
alert('alert!');
l.value+= 'alert out\n';
};
window.onresize= function() {
l.value+= 'resize\n';
};
<textarea id="log" rows="20" cols="40"></textarea>
<button id="act">alert</button>
Нажмите, alert
и вы получите модальное диалоговое окно. Больше сценарий не выполняется, пока вы не закроете этот диалог, да? Нет. Измените размер главного окна, и вы попадете alert in, resize, alert out
в текстовую область.
Вы можете подумать, что невозможно изменить размер окна, пока модальное диалоговое окно включено, но это не так: в Linux вы можете изменять размер окна так, как вам нравится; в Windows это не так просто, но вы можете сделать это, изменив разрешение экрана с большего на меньшее, где окно не помещается, в результате чего его размер изменяется.
Вы можете подумать, что только resize
(и, возможно, еще несколько scroll
) может срабатывать, когда пользователь не имеет активного взаимодействия с браузером, потому что сценарий является многопоточным. И для одиночных окон вы можете быть правы. Но это все подходит к концу, как только вы выполняете межоконный сценарий. Для всех браузеров, кроме Safari, который блокирует все окна / вкладки / фреймы, когда какой-либо из них занят, вы можете взаимодействовать с документом из кода другого документа, работая в отдельном потоке выполнения и вызывая любые связанные обработчики событий для Пожар.
Места, в которых события, которые вы можете вызвать, могут быть вызваны, пока скрипт все еще находится в потоке:
когда модальные всплывающие окна ( alert
, confirm
, prompt
) открыты во всех браузерах , но Opera;
в showModalDialog
браузерах, которые его поддерживают;
диалоговое окно «Сценарий на этой странице может быть занят ...», даже если вы решите продолжить выполнение сценария, позволяет запускать такие события, как изменение размера и размытие, и обрабатывать их, даже когда сценарий находится в середине занятый цикл, кроме как в Опере.
Некоторое время назад для меня в IE с плагином Sun Java вызов любого метода в апплете мог позволить запускать события и повторно вводить сценарий. Это всегда была ошибка, чувствительная ко времени, и, возможно, с тех пор Sun исправила ее (я, конечно, на это надеюсь).
наверное больше. Прошло много времени с тех пор, как я протестировал это, и с тех пор браузеры приобрели сложность
Таким образом, для большинства пользователей JavaScript, как правило, имеет строгий, управляемый событиями единый поток выполнения. На самом деле такого не бывает. Непонятно, насколько это просто ошибка, а какой умышленный дизайн, но если вы пишете сложные приложения, особенно с кросс-оконными / фрейм-скриптовыми сценариями, есть все шансы, что они могут вас укусить - и периодически, трудные для отладки способы.
Если худшее приходит к худшему, вы можете решить проблемы параллелизма, косвенно реагируя на все события. Когда приходит событие, поместите его в очередь и разберитесь с очередью позже, в setInterval
функции. Если вы пишете фреймворк, который вы собираетесь использовать в сложных приложениях, это может быть хорошим шагом. postMessage
Мы также надеемся, что в будущем избавятся от боли при написании документов.
blur
после того, как ваш код возвращает управление браузеру.
Я бы сказал, да - потому что практически весь существующий (по крайней мере, весь нетривиальный) код javascript сломался бы, если бы движок javascript браузера запускал его асинхронно.
Добавьте к этому тот факт, что HTML5 уже определяет Web Workers (явный стандартизированный API для многопоточного кода JavaScript), вводя многопоточность в базовый Javascript, было бы в основном бессмысленно.
( Примечание для других комментаторов: несмотря на то setTimeout/setInterval
, что события загрузки по HTTP-запросу (XHR) и события пользовательского интерфейса (щелчок, фокус и т. Д.) Дают общее представление о многопоточности - все они все выполняются по одной временной шкале - по одному в время - поэтому, даже если мы не знаем заранее порядок их выполнения, нет необходимости беспокоиться об изменении внешних условий во время выполнения обработчика событий, функции времени или обратного вызова XHR.)
Да, хотя при использовании любого из асинхронных API-интерфейсов, таких как setInterval и xmlhttp, могут возникнуть некоторые проблемы параллельного программирования (в основном, состояния гонки).
Я бы сказал, что спецификация не препятствует тому, чтобы кто-то создавал движок, который запускает javascript в нескольких потоках , требуя, чтобы код выполнял синхронизацию для доступа к общему состоянию объекта.
Я думаю, что однопоточная неблокирующая парадигма возникла из-за необходимости запускать javascript в браузерах, где пользовательский интерфейс никогда не должен блокировать.
Nodejs следовал подходу браузеров .
Однако движок Rhino поддерживает запуск кода js в разных потоках . Выполнения не могут совместно использовать контекст, но они могут совместно использовать область. Для этого конкретного случая в документации говорится:
... "Rhino гарантирует, что доступ к свойствам объектов JavaScript является атомарным в разных потоках, но больше не дает никаких гарантий для сценариев, выполняющихся в одной и той же области одновременно. Если два сценария используют одну и ту же область одновременно, сценарии отвечает за координацию любого доступа к общим переменным . "
Из прочтения документации Rhino я заключаю, что кто-то может написать javascript api, который также порождает новые потоки javascript, но api будет специфичным для rhino (например, node может порождать только новый процесс).
Я предполагаю, что даже для движка, который поддерживает несколько потоков в javascript, должна быть совместимость со сценариями, которые не учитывают многопоточность или блокировку.
Что касается браузеров и nodejs , я вижу это так:
Так, в случае браузеров и nodejs (и, вероятно, многих других движков) javascript не является многопоточным, а сами движки .
Присутствие веб-работников также оправдывает то, что javascript может быть многопоточным, в том смысле, что кто-то может создавать код в javascript, который будет работать в отдельном потоке.
Тем не менее, веб-работники не решают проблемы традиционных потоков, которые могут совместно использовать контекст выполнения. Правила 2 и 3 выше все еще применяются , но на этот раз многопоточный код создается пользователем (js code writer) в javascript.
Единственное, что нужно учитывать, это количество порожденных потоков с точки зрения эффективности (а не параллелизма). точки зрения ). См. ниже:
Интерфейс Worker порождает реальные потоки уровня ОС, и внимательные программисты могут быть обеспокоены тем, что параллелизм может вызвать «интересные» эффекты в вашем коде, если вы не будете осторожны.
Однако, поскольку веб-работники тщательно контролируют точки связи с другими потоками, на самом деле очень трудно вызвать проблемы параллелизма . Нет доступа к сторонним компонентам или DOM. И вы должны передавать определенные данные в и из потока через сериализованные объекты. Таким образом, вы должны очень усердно работать, чтобы вызвать проблемы в вашем коде.
Помимо теории, всегда будьте готовы к возможным угловым случаям и ошибкам, описанным в принятом ответе
JavaScript / ECMAScript предназначен для жизни в среде хоста. То есть JavaScript на самом деле ничего не делает не если только хост-среда не решит проанализировать и выполнить данный скрипт и предоставить объекты среды, которые позволят JavaScript на самом деле быть полезным (например, DOM в браузерах).
Я думаю, что данная функция или блок скрипта будут выполняться построчно, и это гарантировано для JavaScript. Однако, возможно, среда хоста может выполнять несколько сценариев одновременно. Или среда хоста всегда может предоставить объект, который обеспечивает многопоточность. setTimeout
и setInterval
являются примерами или, по крайней мере, псевдо-примерами среды хоста, обеспечивающей способ выполнения некоторого параллелизма (даже если это не совсем параллелизм).
Нет.
Я иду против толпы здесь, но терпите меня. Один JS-скрипт должен быть эффективно однопоточным, но это не значит, что его нельзя интерпретировать по-разному.
Допустим, у вас есть следующий код ...
var list = [];
for (var i = 0; i < 10000; i++) {
list[i] = i * i;
}
Это написано с расчетом на то, что к концу цикла список должен иметь 10000 записей, которые являются квадратом индекса, но ВМ может заметить, что каждая итерация цикла не влияет на другую, и переосмыслить, используя два потока.
Первая нить
for (var i = 0; i < 5000; i++) {
list[i] = i * i;
}
Вторая нить
for (var i = 5000; i < 10000; i++) {
list[i] = i * i;
}
Я упрощаю здесь, потому что массивы JS более сложны, чем тупые куски памяти, но если эти два сценария способны добавлять записи в массив потокобезопасным способом, то к тому времени, когда оба будут выполнены, выполнение будет иметь тот же результат, что и однопоточная версия.
Хотя я не знаю, чтобы какая-либо виртуальная машина обнаруживала распараллеливаемый код, подобный этому, вполне вероятно, что он может появиться в будущем для виртуальных машин JIT, поскольку в некоторых ситуациях он может предложить большую скорость.
Если продолжить эту концепцию, возможно, что код будет аннотирован, чтобы позволить ВМ знать, что преобразовывать в многопоточный код.
// like "use strict" this enables certain features on compatible VMs.
"use parallel";
var list = [];
// This string, which has no effect on incompatible VMs, enables threading on
// this loop.
"parallel for";
for (var i = 0; i < 10000; i++) {
list[i] = i * i;
}
Поскольку Web Workers приходят в Javascript, маловероятно, что эта ... более уродливая система когда-либо появится, но я думаю, можно с уверенностью сказать, что Javascript является однопоточным по традиции.
Ну, Chrome является многопроцессорным, и я думаю, что каждый процесс имеет собственный код Javascript, но, насколько известно, он «однопоточный».
В Javascript нет никакой поддержки многопоточности, по крайней мере, явно, так что это не имеет значения.
Я попробовал пример @ bobince с небольшими изменениями:
<html>
<head>
<title>Test</title>
</head>
<body>
<textarea id="log" rows="20" cols="40"></textarea>
<br />
<button id="act">Run</button>
<script type="text/javascript">
let l= document.getElementById('log');
let b = document.getElementById('act');
let s = 0;
b.addEventListener('click', function() {
l.value += 'click begin\n';
s = 10;
let s2 = s;
alert('alert!');
s = s + s2;
l.value += 'click end\n';
l.value += `result = ${s}, should be ${s2 + s2}\n`;
l.value += '----------\n';
});
window.addEventListener('resize', function() {
if (s === 10) {
s = 5;
}
l.value+= 'resize\n';
});
</script>
</body>
</html>
Итак, когда вы нажимаете Run, закрываете всплывающее окно оповещения и делаете «один поток», вы должны увидеть что-то вроде этого:
click begin
click end
result = 20, should be 20
Но если вы попытаетесь запустить это в стабильной версии Opera или Firefox в Windows и свернуть / свернуть окно с всплывающим предупреждением на экране, то будет что-то вроде этого:
click begin
resize
click end
result = 15, should be 20
Я не хочу сказать, что это «многопоточность», но какой-то фрагмент кода был выполнен в неподходящее время, и я этого не ожидал, и теперь у меня поврежденное состояние. И лучше узнать об этом поведении.
Попробуйте вложить две функции setTimeout друг в друга, и они будут вести себя многопоточно (т. Е. Внешний таймер не будет ожидать завершения внутреннего таймера перед выполнением своей функции).
setTimeout(function(){setTimeout(function(){console.log('i herd you liek async')}, 0); alert('yo dawg!')}, 0)
(для записи, yo dawg должен ВСЕГДА идти первым, а затем выводить консольный журнал)