Уменьшит ли console.log производительность выполнения JavaScript?

Уменьшит ли использование функции отладки console.logпроизводительность выполнения JavaScript? Повлияет ли это на скорость выполнения скриптов в производственных средах?

Есть ли способ отключить журналы консоли в производственных средах из одного места конфигурации?

Если вы собираетесь разместить это на общедоступном сайте или что-то в этом роде, любой, кто мало знает об использовании инструментов разработчика, может прочитать ваши сообщения отладки. В зависимости от того, что вы регистрируете, это может быть нежелательным поведением.

Один из лучших подходов - заключить console.logв один из ваших методов, где вы можете проверить условия и выполнить его. В производственной сборке этих функций можно избежать. В этом вопросе о переполнении стека подробно рассказывается о том, как сделать то же самое с помощью компилятора Closure .

Итак, чтобы ответить на ваши вопросы:

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");