JavaScript – Konsola Oturum Aç (console.log ve frameworks)

Geliştiricilerin, tarayıcıda veya NodeJS ortamında JavaScript çalışırken kodlarının ne yaptığını bilmesi gerekir. Bu tür bilgiler, kodu doğrulamanıza, hataları bulmanıza veya performansı ölçmenize yardımcı olabilir. Konsol üzerinden veri yazdırmak, bunu yapmanın en temel yoludur.


Bu makalede, console.log () yöntemini kullanarak tarayıcı konsoluna günlüğe kaydetmeyi ve popüler çerçeveler ve kitaplıkları kullanarak günlüğe kaydetmeyi tartışacağız.

Temel: console.log () Kullanarak Tarayıcı Konsolu’na Giriş Yapma

İstemci tarafında veya tarayıcıda, JavaScript içindeki herhangi bir veriyi kaydetmek için console.log () öğesini kullanabilirsiniz..

Javascript veya Tarayıcıda console.log () kullanma

Tarayıcı konsolunu açmak için F12 tuşuna basın. “Konsol” sekmesinin seçildiğinden emin olun, bu örnekleri kopyalayıp doğrudan konsol komut satırına yapıştırabilirsiniz:

1
2
3
4
5
6
console.log (‘foo’); // dize

console.log (‘foo değeri:’, 100); // bir değer içeren dize

console.log (‘foo’, ‘bar’, ‘baz’); // çoklu dizeler

console.log ({ad: “Simon”, id: 5}); // nesne

console.log ([1, 2, 3], [‘a’, ‘b’, ‘c’]); // çoklu diziler

console.log (yeni Tarih ()); // tarih

Dize Değiştirme Kullanan Bir Örnek

Ayrıca, kod döngülerinde özellikle yararlı olan dize değiştirme özelliğini de kullanabilirsiniz..

1
2
3
4
5
6
7
8
var kişiler = [

{isim: ‘Simon’, kimlik: 5, yaş: 25},

{name: ‘Ben’, kimlik: 7, yaş: 54},

{isim: ‘Lisa’, kimlik: 9, yaş: 32}

];

için (var i = 0; i < contacts.length; i ++) {

console.log (‘Ad:% s, Yaş:% d.’, kişiler [i] .name, kişiler [i] .age);

}

Hangi çıktı:

1
2
3
İsim: Simon, Yaş: 25.

İsim: Ben, Yaş: 54.

İsim: Lisa, Yaş: 32.

Orta: Diğer Yararlı Konsol Günlüğü İşlevleri

Console.log () öğesine benzer birkaç yöntem daha vardır, ancak tüm görsel çıktıları biraz farklıdır:

console.info () ve console.warn ()

1
2
console.info (“İşte size ne olduğunu bildirmek için bazı bilgilendirici metinler.”);

console.warn (“Korkunç bir şey yapmadın, ama belki tekrar kontrol etmek istiyorsun?”);

NodeJS İpucu: Bu yöntemleri değerlendirirken, NodeJS ortamında, console.error ve console.warn öğelerinin stdout yerine stderr’a çıkacağını unutmayın. Ayrıca NodeJS’de günlük çıktısının okunabilirliğini geliştirmeye yardımcı olabilecek birçok renkli günlük kitaplığı vardır..

console.table ()

Çok sayıda sekmeli veri çıktısı almanız gerekiyorsa, log. yöntemi () yöntemi yararlıdır; ancak şu anda Internet Explorer, Opera ve Safari dahil olmak üzere belirli tarayıcılar tarafından desteklenmemektedir..

1
2
3
4
5
console.table ([

{isim: ‘Simon’, kimlik: 5, yaş: 25},

{name: ‘Ben’, kimlik: 7, yaş: 54},

{isim: ‘Lisa’, kimlik: 9, yaş: 32}

]);

Çıktı şöyle görünür:

tarayıcı konsolu sekmesi

Öbür metodlar

İşte okuyabileceğiniz diğer daha ezoterik, günlükleme komutları:

  • console.assert ()
  • console.trace ()
  • console.time ()

Orta (NodeJS): console.error () Kullanarak Günlüğe Kaydetme

NodeJS konsolunu kullanarak hataları günlüğe kaydetmek istediğinizde console.log () yerine console.error () kullanabilirsiniz. Bu şekilde, hatalar kabuk işleminde stdout, stderr ve / veya bir günlük dosyasına yeniden yönlendirilebilir. Hata olmayan günlük kaydı, console.log () öğesini stdout’a yönlendirerek yapılabilir.

Kabuk Girişi / Çıkışı → yönlendirmeler 1> stdout’a ve 2> Stderr’e.

NodeJS’de Çıktıyı Yeniden Yönlendirme Örneği

1
2
console.log (‘Bu sadece gürültülü hata ayıklama öğeleridir’);

console.error (‘Bu, birinin bir şeyleri tekrar kırdığı anlamına gelir’);

Hem çıktıyı (stdout) hem de hataları (stderr) farklı dosyalara yönlendirebiliriz:

1düğüm test.js > out.log 2> err.log

Hem çıktıları hem de hataları aynı dosyaya yönlendirebiliriz:

1düğüm test.js > everything.log 2>&1

Gelişmiş: Çerçeveleri Kullanma & Konsola Oturum Açacak Kütüphaneler

Tarayıcıda daha gelişmiş bir günlük kaydı çözümü için log4javascript yararlı olabilir. Daha ciddi NodeJS günlük kaydı amaçları için, iyi sınanmış bir günlük kaydı kitaplığı kullanmak iyi olabilir.

Winston, Düğüm-Bunyan veya İzleyici.

JS Framework Kullanarak Tarayıcı Konsoluna Oturum Açma: log4javascript

Bu popüler Java günlüğü kitaplığı log4j tabanlı bir API ile JS günlük çerçevesi.

Log4javascript’in başlıca özellikleri:

  • Varsayılan olarak, güçlü arama (normal ifade dahil) ve filtreleme özellikleri içeren bir açılır konsol penceresine oturum açar. Pencere, sayfada satır içi iframe olarak da kullanılabilir.
  • Günlük mesajları sunucuya HTTP (veya isterseniz AJAX) yoluyla gönderilebilir.
  • Geliştiriciye günlük mesajlarının biçimi üzerinde tam kontrol sağlayan PatternLayout da dahil olmak üzere log4j’den tanıdık yöntemler kullanılarak yapılandırılabilir..

JS günlüğü - log4javascript
Log4javascript’in hafif bir sürümü (orijinal özelliklerin temel bir alt kümesini destekler).

Bir Kitaplık Kullanarak NodeJS Konsoluna Oturum Açma: Winston, Node-Bunyan, & Tracer

İşlem içeriğine bağlı olarak, günlüğe kaydetmenin eşzamansız yapısı, düzgün işlenmezse günlük iletilerinin kaybolmasına neden olabilir. NodeJS için günlük kütüphaneleri oldukça kullanışlı hale geliyor.

1. Winston Kütüphanesi

En popüler NodeJS günlük kütüphanesi, basit ve evrensel olacak şekilde tasarlanmış olan Winston gibi görünüyor. Winston, eşzamansız aktarımları (veya günlükleriniz için depolama aygıtlarını) destekler, böylece her örnekte farklı düzeylerde yapılandırılmış birden çok aktarım olabilir. Örneğin, hata günlüklerinin sürekli olarak uzak bir konumda (veritabanı gibi) depolanmasını sağlayabilirsiniz, ancak tüm günlükler konsola veya yerel bir dosyaya gönderilir.

2. Düğüm-Bunyan Kütüphanesi

Node-Bunyan kütüphanesi, NodeJS için basit ve hızlı bir JSON kayıt modülü sağlar. Bu kitaplığın fikri, sunucu günlüklerinin yapılandırılması ve JSON’un bunun için iyi bir biçim olmasıdır. Günlük kaydı, JSON.stringify () çıktısının bir satırıdır. Bunyan günlüklerinin yazdırılması ve filtrelenmesi için özel bir komut satırı aracı da vardır..

3. İzleyici Kütüphanesi

İzleyici, günlük mesajlarını bir zaman damgası, dosya adı, yöntem adı, satır numarası, yol veya çağrı yığını ile yazdırabilen özelleştirilebilir bir NodeJS günlük kütüphanesidir. Tracer ayrıca kullanıcı tanımlı günlük kaydı düzeyleri, özel çıktı şablonları, diğer aktarımlar ve renkli çıktılar için destek sunar.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Adblock
    detector