Console.log JavaScript yürütme performansını düşürecek mi?

Hata ayıklama özelliğinin kullanılması console.logJavaScript yürütme performansını düşürecek mi? Üretim ortamlarında komut dosyası yürütme hızını etkileyecek mi?

Üretim ortamlarındaki konsol günlüklerini tek bir yapılandırma konumundan devre dışı bırakmaya yönelik bir yaklaşım var mı?

Bunu halka açık bir sitede veya başka bir yerde yapacaksanız, geliştirici araçlarını kullanma konusunda çok az bilgisi olan herkes hata ayıklama mesajlarınızı okuyabilir. Ne kaydettiğinize bağlı olarak, bu arzu edilen bir davranış olmayabilir.

En iyi yaklaşımlardan console.logbiri, yöntemlerinizden birini ve koşulları kontrol edip uygulayabileceğiniz yerlere sarmaktır. Bir üretim yapısında, bu işlevlere sahip olmaktan kaçınabilirsiniz. Bu Stack Overflow sorusu , Closure derleyicisini kullanarak aynısının nasıl yapılacağı hakkında ayrıntılı olarak konuşur .

Öyleyse, sorularınızı cevaplamak için:

1. Evet, sadece ihmal edilebilir düzeyde olsa da hızı düşürecektir .
2. Ancak, bir kişinin günlüklerinizi okuması çok kolay olduğu için kullanmayın.
3. Bu sorunun yanıtları, bunları üretimden nasıl çıkaracağınız konusunda size ipuçları verebilir.

Aslında console.logboş bir fonksiyondan çok daha yavaştır. Bu jsPerf testini Chrome 38'imde çalıştırmak çarpıcı sonuçlar veriyor:

• tarayıcı konsolu kapatıldığında, çağrı console.log, boş bir işlevi çağırmaktan yaklaşık 10 000 kat daha yavaştır ,
• ve konsol açıkken, çağrı yapmak 100.000 kat daha yavaş .

Bir console.…kez tetiklenen makul sayıda arama varsa performans gecikmesini fark etmeyeceksiniz (Chrome yüklememde yüz kişi 2 ms sürer - veya konsol açıkken 20 ms sürer). Ancak konsola art arda bir requestAnimationFrameşeyler kaydederseniz - örneğin, bağlantı kurarsanız - işleri sarsabilir.

Güncelleme:

Bu testte , üretim için özel bir "gizli günlük" fikrini de kontrol ettim - istek üzerine günlük mesajlarını tutan bir değişkene sahip olmak. Olduğu ortaya çıkıyor

• yerliden yaklaşık 1000 kat daha hızlı console.log,
• ve kullanıcı konsolunu açık tutarsa ​​10 000 kat daha hızlı.

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

Ortak bir çekirdek komut dosyasında konsola bir kısayol oluşturursanız, örneğin:

var con = console;

ve sonra kodunuz boyunca con.log ("message") veya con.error ("hata mesajı") kullanın, üretimde con.log ("message") veya con.error ("error message") kullanın, üretimde basitçe çekirdek konumdaki con'u aşağıdakileri yapmak için yeniden bağlayabilirsiniz:

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

Console.log hata ayıklama özelliğinin kullanılması JavaScript yürütme performansını düşürecek mi? Üretim ortamlarında komut dosyası yürütme hızını etkileyecek mi?

Elbette, console.log()hesaplama süresi gerektirdiğinden programınızın performansını düşürecektir.

Üretim ortamlarındaki konsol günlüklerini tek bir yapılandırma konumundan devre dışı bırakmaya yönelik bir yaklaşım var mı?

Standart console.log işlevini boş bir işlev olarak geçersiz kılmak için bu kodu komut dosyanızın başına yerleştirin.

console.log = function () { };

Herhangi bir işlev çağrısı biraz performansı düşürecektir. Ancak birkaçının console.loggözle görülür bir etkisi olmamalıdır.

Ancak, desteklemeyen eski tarayıcılarda tanımsız hatalar atar. console

Performans vuruşu minimum düzeyde olacaktır, ancak eski tarayıcılarda kullanıcıların tarayıcı konsolu açık değilse JavaScript hatalarına neden olacaktır. log is not a function of undefined . Bu, console.log çağrısından sonraki tüm JavaScript kodunun çalışmayacağı anlamına gelir.

window.consoleGeçerli bir nesne olup olmadığını kontrol etmek için bir sarmalayıcı oluşturabilir ve ardından sarmalayıcıda console.log'u çağırabilirsiniz. Bunun gibi basit bir şey işe yarar:

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

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

İşte bir keman: http://jsfiddle.net/enDDV/

Bu jsPerf testini yaptım: http://jsperf.com/console-log1337

Diğer işlev çağrılarından daha uzun sürmüyor gibi görünüyor.

Konsol API'si olmayan tarayıcılar ne olacak? Hata ayıklama için console.log kullanmanız gerekiyorsa, Paul'ün yanıtında önerdiği gibi, konsol API'sini geçersiz kılmak için üretim dağıtımınıza bir komut dosyası ekleyebilirsiniz.

Konsol yöntemlerinin orijinal imzasını korumak için bunu bu şekilde yapıyorum. Diğer JS'den önce yüklenmiş ortak bir konumda:

var DEBUG = false; // or true 

Sonra kod boyunca

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