console.logはJavaScriptの実行パフォーマンスを低下させますか？

デバッグ機能を使用すると、console.logJavaScriptの実行パフォーマンスが低下しますか？本番環境でのスクリプト実行速度に影響しますか？

単一の構成場所から運用環境のコンソールログを無効にする方法はありますか？

これを公開サイトなどに配置する場合、開発者ツールの使用についてほとんど知識のない人でもデバッグメッセージを読むことができます。ログに記録する内容によっては、これは望ましい動作ではない場合があります。

最良のアプローチのconsole.log1つは、をメソッドの1つにラップすることです。ここでは、条件を確認して実行できます。本番ビルドでは、これらの機能の使用を回避できます。このStack Overflowの質問では、Closureコンパイラを使用して同じことを行う方法について詳しく説明しています。

だから、あなたの質問に答えるには：

1. はい、無視できますが速度が低下します。
2. ただし、ユーザーがログを読み取るのは簡単すぎるため、使用しないでください。
3. 回答この質問はあなたが生産からそれらを削除する方法についてのヒントを与えることができます。

実際にconsole.logは、空の関数よりもはるかに遅いです。実行このjsPerfテスト私のクローム38には、見事な結果を与えます：

• ブラウザコンソールが閉じている場合、呼び出しconsole.logは空の関数を呼び出すよりも約10 000倍遅くなります。
• また、コンソールが開いているときの呼び出しは、100 000倍も遅くなります。

妥当な数のconsole.…呼び出しが1回発生するとパフォーマンスの遅れに気付くことはありません（Chromeのインストールで100は2ミリ秒かかります。コンソールが開いている場合は20ミリ秒かかります）。しかし、コンソールに繰り返しログを記録する場合（たとえば、接続する場合）は、requestAnimationFrame動作が不安定になる可能性があります。

更新：

このテストでは、本番用のカスタム「隠しログ」のアイデアも確認しました。オンデマンドで利用できるログメッセージを保持する変数があります。であることが判明

• ネイティブより約1000倍速いconsole.log、
• ユーザーがコンソールを開いていると、明らかに10 000倍速くなります。

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

共通のコアスクリプトでコンソールへのショートカットを作成すると、たとえば、次のようになります。

var con = console;

次に、コード全体でcon.log（ "message"）またはcon.error（ "error message"）を使用します。本番環境では、コアロケーションの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。つまり、console.log呼び出し後のすべてのJavaScriptコードは実行されません。

ラッパーを作成して、それ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");