Браузер зависает во время javascript eval ()

Question

Я использую eval () в javascript для оценки значительного количества js-кода (не только json, но и вызовов функций). Браузер зависает во время разговора, то есть пользователь не может прокрутить браузер или щелкнуть что-либо. Есть ли способ решить эту проблему?

Answer 1

В большинстве браузеров JavaScript выполняется в потоке пользовательского интерфейса, поэтому он блокирует пользовательский интерфейс, как вы описали. Лучший способ разблокировать пользовательский интерфейс - разбить JS на более мелкие части и связать их вместе с setTimeout (который возвращает управление потоком обратно в браузер для визуализации пользовательского интерфейса)

Answer 2

Вы также можете попробовать выполнить код, вставив новый тег сценария на страницу:

function executeCode(code) {
    var element = document.createElement('script');
    element.type = 'text/javascript';

    try {
        element.appendChild(document.createTextNode(code));
        document.body.appendChild(element);
    }
    catch (e) {
        element.text = code;
        document.body.appendChild(element);
    }
}

var code = 'alert("hello world");';
executeCode(code);

Answer 3

Вы должны разбить свою функцию на более мелкие части. Я рекомендую комбинировать их с setTimeout.

В современных браузерах есть веб-работников , которые могут вычислять данные в фоновом режиме.