Для виконання коду JavaScript в браузерах фактично використовується однопотокові обробка. І не має значення, браузер чи обробляє натискання на пункт меню, виробляє чи він генерацію HTML сторінки або виконує Ajax-запит - кожна подія додається в єдину чергу. Коли браузер звільняється від виконання чергового завдання, він отримує нове завдання і виконує її.

Single Browser Threads

Насправді жоден сучасний браузер не працює в однопоточном режимі. Наприклад, IE9 і Chrome створюють новий процес ОС для кожної закладки. Однак, все одно існує одна чергу подій для кожної сторінки, що переглядається, і в кожен момент часу може виконуватися тільки одна задача. Це вкрай необхідно, так як браузер або ваше додаток JavaScript можуть змінити генерується сторінку HTML до, під час або після її завантаження.

Зрозуміло, що браузер повинен обмежувати час виконання JavaScript-коду на сторінці. Якщо скрипт виконується занадто довго, він блокує додаток і потенційно може привести до нестабільності ОС. З цієї причини ви побачите страшне повідомлення браузера "Скрипт не відповідає":

Але як браузер визначає, що скрипт виконується занадто довго? Як і слід було очікувати, в найпопулярніших браузерах реалізуються різні методи і діють різні обмеження.

• Internet Explorer обмежує виконання JavaScript 5 мільйонами операцій.
• Firefox використовує обмеження за часом в 10 секунд.
• Safari використовує обмеження по часу в 5 секунд.
• Chrome не обмежує виконання, але визначає, коли браузер аварійно завершує роботу або не відповідає.
• Opera не має обмежень і виконує JavaScript необмежений час. Однак, цей браузер не призводить до нестабільності в системі - ви можете відкрити інші закладки або закрити поточну сторінку, що виконує код.

Деякі з браузерів дозволяють вам налаштовувати параметри, що обмежують виконання JavaScript, але я б не рекомендував цього робити.

Так як же ми можемо запобігти оставновку виконання JavaScript браузером? Краще рішення - уникати завдань з тривалим часом виконання. В ідеалі кожен обробник подій не повинен виконувався більш декількох десятків мілісекунд. Завдання з інтенсивною обробкою даних, як правило, слід виконувати на сервері і отримувати оброблені дані при перезавантаженні сторінки або Ajax-запитом.

Однак, я усвідомлюю, що зменшення обробки даних на стороні клієнта в сучасних JavaScript-додатків навряд чи можливо. На щастя, існує Рішення цієї проблеми.

Стаття заснована на публікації "JavaScript Execution and Browser Limits" .