Чи дозволить console.log знизити продуктивність виконання JavaScript?

Чи буде використання функції налагодження console.logзнизити продуктивність виконання JavaScript? Чи вплине це на швидкість виконання сценарію у виробничих середовищах?

Чи існує підхід для вимкнення журналів консолі у виробничих середовищах з одного місця конфігурації?

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

Один з найкращих підходів - це ввести console.logодин із своїх методів, і там, де ви можете перевірити умови та виконати його. У виробничій збірці ви можете уникати цих функцій. Це запитання про переповнення стека детально розповідає про те, як це зробити за допомогою компілятора закриття .

Отже, щоб відповісти на ваші запитання:

1. Так, це знизить швидкість, хоча лише незначно.
2. Але не використовуйте це, оскільки людині занадто просто читати ваші журнали.
3. Відповіді на це питання можуть дати вам підказки, як їх вилучити з виробництва.

Насправді console.logце набагато повільніше, ніж порожня функція. Запуск цього тесту jsPerf на моєму Chrome 38 дає приголомшливі результати:

• коли консоль браузера закрита, що викликає console.logце близько 10 000 разів повільніше , ніж виклик порожньої функції,
• а коли консоль відкрита, виклик її в 100 000 разів повільніше .

Не те, що ви помітите відставання продуктивності, якщо у вас буде разумна кількість console.…викликів один раз (сто займе 2 мс при моїй установці Chrome - або 20 мс, коли консоль відкрита). Але якщо ви реєструєте речі на консолі неодноразово - наприклад, підключаючи їх requestAnimationFrame- це може зробити речі незграбними.

Оновлення:

У цьому тесті я також перевірив ідею спеціального "прихованого журналу" для виробництва - із змінною, яка містить повідомлення журналу, доступна на вимогу. Це виявляється

• приблизно в 1000 разів швидше, ніж рідний console.log,
• і, очевидно, в 10 000 разів швидше, якщо у користувача відкрита консоль.

const DEBUG = true / false
DEBUG && console.log('string')

Якщо ви створюєте ярлик до консолі у загальному сценарії, наприклад:

var con = console;

а потім використовувати con.log ("повідомлення") або con.error ("повідомлення про помилку") у всьому своєму коді, при виробництві ви можете просто перенести з'єднання con в основне місце, щоб:

var con = {
    log: function() {},
    error: function() {},
    debug: function() {}
}

Чи буде використання функції налагодження console.log знизити продуктивність виконання JavaScript? Чи вплине це на швидкість виконання сценарію у виробничих середовищах?

Звичайно, console.log()це знизить продуктивність вашої програми, оскільки це потребує обчислювального часу.

Чи існує підхід для вимкнення журналів консолі у виробничих середовищах з одного місця конфігурації?

Поставте цей код на початку вашого сценарію, щоб замінити стандартну функцію console.log на порожню функцію.

console.log = function () { };

Будь-який функціональний дзвінок дещо знизить продуктивність. Але деякі console.logз них не повинні мати помітного ефекту.

Однак це призведе до невизначених помилок у старих браузерах, які не підтримують console

Показ ефективності буде мінімальним, однак у старих браузерах це призведе до помилок JavaScript, якщо консоль браузерів користувачів не відкрита log is not a function of undefined. Це означає, що весь код JavaScript після виклику console.log не виконується.

Ви можете створити обгортку, щоб перевірити, чи window.consoleє дійсним об’єктом, а потім викликати console.log у обгортці. Щось таке, як це було б, спрацювало:

window.log = (function(console) {
    var canLog = !!console;
    return function(txt) {
        if(canLog) console.log('log: ' + txt);
    };
})(window.console);

log('my message'); //log: my message

Ось загадка: http://jsfiddle.net/enDDV/

Я зробив цей тест на jsPerf: http://jsperf.com/console-log1337

Здається, це не займає більше часу, ніж інші виклики функцій.

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

Я роблю це таким чином, щоб підтримувати оригінальний підпис методів консолі. У загальному місці, завантаженому перед будь-яким іншим JS:

var DEBUG = false; // or true 

Потім протягом усього коду

if (DEBUG) console.log("message", obj, "etc");
if (DEBUG) console.warn("something is not right", obj, "etc");