Akankah console.log mengurangi performa eksekusi JavaScript?

Akankah penggunaan fitur debugging console.logmengurangi kinerja eksekusi JavaScript? Apakah ini akan memengaruhi kecepatan eksekusi skrip di lingkungan produksi?

Apakah ada pendekatan untuk menonaktifkan log konsol di lingkungan produksi dari satu lokasi konfigurasi?

Jika Anda akan memiliki ini di situs publik atau sesuatu, siapa pun yang memiliki sedikit pengetahuan tentang penggunaan alat pengembang dapat membaca pesan debug Anda. Bergantung pada apa yang Anda catat, ini mungkin bukan perilaku yang diinginkan.

Salah satu pendekatan terbaik adalah menggabungkannya ke console.logdalam salah satu metode Anda, dan di mana Anda dapat memeriksa kondisi dan menjalankannya. Dalam build produksi, Anda dapat menghindari fungsi-fungsi ini. Ini pertanyaan Stack Overflow berbicara secara rinci tentang bagaimana melakukan hal yang sama dengan menggunakan compiler Penutupan .

Jadi, untuk menjawab pertanyaan Anda:

1. Ya, itu akan mengurangi kecepatan, meski hanya diabaikan.
2. Tapi, jangan menggunakannya karena terlalu mudah bagi seseorang untuk membaca log Anda.
3. Jawaban atas pertanyaan ini dapat memberi Anda petunjuk tentang cara menghapusnya dari produksi.

Sebenarnya, console.logini jauh lebih lambat daripada fungsi kosong. Menjalankan tes jsPerf ini di Chrome 38 saya memberikan hasil yang menakjubkan:

• ketika konsol browser ditutup, panggilan console.logadalah sekitar 10 000 kali lebih lambat daripada memanggil fungsi kosong,
• dan saat konsol terbuka, pemanggilannya 100 000 kali lebih lambat .

Bukan berarti Anda akan melihat kelambatan kinerja jika Anda memiliki sejumlah console.…panggilan yang masuk akal yang diaktifkan sekali (seratus akan memakan waktu 2 md pada pemasangan Chrome saya - atau 20 md saat konsol terbuka). Tetapi jika Anda memasukkan barang ke konsol berulang kali - misalnya, menghubungkannya requestAnimationFrame- itu bisa membuat semuanya tersendat.

Memperbarui:

Dalam pengujian ini saya juga telah memeriksa ide "log tersembunyi" khusus untuk produksi - memiliki variabel yang menyimpan pesan log, tersedia sesuai permintaan. Ternyata begitu

• sekitar 1000 kali lebih cepat dari aslinya console.log,
• dan jelas 10.000 kali lebih cepat jika pengguna membuka konsolnya.

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

Jika Anda membuat pintasan ke konsol dalam skrip inti umum, misalnya:

var con = console;

dan kemudian gunakan con.log ("message") atau con.error ("pesan kesalahan") di seluruh kode Anda, pada produksi Anda dapat dengan mudah memasang ulang con di lokasi inti untuk:

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

Akankah penggunaan fitur debugging console.log mengurangi performa eksekusi JavaScript? Apakah ini akan memengaruhi kecepatan eksekusi skrip di lingkungan produksi?

Tentunya console.log()akan menurunkan performa program Anda karena membutuhkan waktu komputasi.

Apakah ada pendekatan untuk menonaktifkan log konsol di lingkungan produksi dari satu lokasi konfigurasi?

Letakkan kode ini di awal skrip Anda untuk mengganti fungsi console.log standar menjadi fungsi kosong.

console.log = function () { };

Panggilan fungsi apa pun akan sedikit mengurangi kinerja. Tetapi beberapa console.logseharusnya tidak memiliki efek yang nyata.

Namun itu akan membuang kesalahan yang tidak ditentukan di browser lama yang tidak mendukung console

Kinerja yang dicapai akan minimal, namun di browser lama ini akan menyebabkan kesalahan JavaScript jika konsol browser pengguna tidak terbuka log is not a function of undefined. Ini berarti semua kode JavaScript setelah panggilan console.log tidak akan dijalankan.

Anda dapat membuat pembungkus untuk memeriksa apakah window.consolemerupakan objek yang valid, lalu memanggil console.log di pembungkusnya. Sesuatu yang sederhana seperti ini akan berhasil:

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

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

Ini biola: http://jsfiddle.net/enDDV/

Saya membuat tes jsPerf ini: http://jsperf.com/console-log1337

Sepertinya tidak perlu waktu lebih lama dari panggilan fungsi lainnya.

Bagaimana dengan browser yang tidak memiliki API konsol? Jika Anda perlu menggunakan console.log untuk debugging, Anda dapat menyertakan skrip dalam penerapan produksi untuk mengganti API konsol, seperti yang disarankan Paul dalam jawabannya.

Saya melakukannya dengan cara ini untuk mempertahankan tanda tangan asli dari metode konsol. Di lokasi umum, dimuat sebelum JS lainnya:

var DEBUG = false; // or true 

Kemudian di seluruh kode

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