Yeni bir sıfırdan ileriye Javascript konusuna hoş geldiniz. Bugünkü konumuz oldukça işimize yarayan ve anlaması kolay olan konsol metotları olacak. Bugüne kadar hep console.log ifadesini kullanadık ama bazı zamanlar bunlar yeterli olmayabilir. Bu ders bunları öğreneceğiz iyi okumalar.
console.log()
Console.log içine yazılan değerlere göre bize çıktısını verir. Bu değer obje, dizi, sayı, string, değişken olabilir.
Kod:
console.log("Türk Hack Team")Dilerseniz console içinde css özellikleri de kullanabiliriz.
Kod:
console.log('%cTürk Hack Team', 'color: red');
console.warn()
Konsolda uyarı vermek için genelde warn kullanılır. Normal log'tan farkı görünümüdür ve sitede bir sorun olduğunda neden kaynaklı olduğunu öğrenmemizi kolaylaştırır.
Kod:
console.warn('Türk Hack Team')
console.error()
Konsolda uyarı vermek için genelde warn kullanılır. Normal log'tan farkı görünümüdür ve sitede bir sorun olduğunda neden kaynaklı olduğunu öğrenmemizi kolaylaştırır.
Kod:
console.error('Türk Hack Team')
console.table()
console.table() yöntemi konsolda verileri bir tablo olarak görüntüler. Tablo verilerini bir tablo olarak görüntüler. Dizi ve objelerde işimize yarar.
Kod:
const names = ['Ad', 'Ad2', 'Ad3', 'Ad4']
console.table(names)
const ulkeler = [
['Türkiye', 'Ankara'],
['Almanya', 'Berlin'],
['Fransa', 'Paris']
]
console.table(ulkeler)
console.time()
Yapılan işlemin kaç saniyede yapıldığını konsola yazdırır. Bunu diziler ve döngülerle kullanabiliriz.
Kod:
const ulkeler = [
['Türkiye', 'Ankara'],
['Almanya', 'Berlin'],
['Fransa', 'Paris']
]
console.time('Döngü Başlasın')
for (let i = 0; i < ulkeler.length; i++) {
console.log(ulkeler[i][0], ulkeler[i][1])
}
console.timeEnd('Döngü Bitti')
console.info()
Tarayıcı konsolunda bilgi mesajı görüntülenir.
Kod:
console.info('Türk Hack Team')
console.assert()
Assert, iddia yanlışsa konsola bir hata mesajı yazar. İddia doğruysa hiçbir şey olmaz. İlk parametre bir iddia ifadesidir. Bu ifade yanlışsa, bir Assertion failed hata mesajı görüntülenir.
Kod:
for (let i = 0; i <= 10; i += 1) {
let errorMessage = `${i} çift sayı değil.`
console.log(' # ' + i)
console.assert(i % 2 === 0, { sayi: i, errorMessage: errorMessage })
}
console.group()
Farklı günlük gruplarını gruplandırmaya yardımcı olabilir.
Kod:
const user = {
name: 'Asabeneh',
title: 'Programmer',
country: 'Finland',
city: 'Helsinki',
age: 250
}
const users = [
{
name: 'Asabeneh',
title: 'Programmer',
country: 'Finland',
city: 'Helsinki',
age: 250
},
{
name: 'Eyob',
title: 'Teacher',
country: 'Sweden',
city: 'London',
age: 25
},
{
name: 'Asab',
title: 'Instructor',
country: 'Norway',
city: 'Oslo',
age: 22
}
]
console.group('Users')
console.log(user)
console.log(users)
console.groupEnd()
console.count()
console.count()'un çağrılma sayısını yazdırır. Bir dize etiketi parametresi alır. Bir fonksiyonun çağrılma sayısını saymak çok faydalıdır.
Kod:
const func = () => {
console.count('Fonksiyon birden fazla kez çağrıldı.')
}
func()
func()
func()
console.clear()
console.clear() tarayıcı konsolunu temizler.
Bir konun daha sonuna geldik. Konsol metodları oldukça basit bir konudur. Bazı zamanlar işimize yarayacaktır. Bunları ezberlemek yerine böyle bir şey vardı demeniz çok daha faydalı olacaktır. Başka bir konuda görüşmek üzere
