Console API referansı

Kayce Basques
Kayce Basques
Sofia Emelianova
Sofia Emelianova

JavaScript'inizden Console'a mesaj yazmak için Console API'yi kullanın. Konuyla ilgili etkileşimli bir giriş için Konsol'da günlük mesajlarını kaydetmeye başlama başlıklı makaleyi inceleyin.

Yalnızca Console'da kullanılabilen debug(function) veya monitorEvents(node) gibi kolaylık yöntemlerini arıyorsanız Console yardımcı programları API referansı'na bakın.

console.assert(expression, object)

Günlük düzeyi: Error

expression, false olarak değerlendirildiğinde konsola bir hata yazar.

const x = 5;
const y = 3;
const reason = 'x is expected to be less than y';
console.assert(x < y, {x, y, reason});

Yukarıdaki console.assert() örneğinin sonucu.

console.clear()

Konsolu temizler.

console.clear();

Günlüğü Koruma etkinse console.clear() devre dışı bırakılır.

Alternatif olarak, ALT_TEXT_HERE simgesini tıklayarak Konsolu temizleyebilirsiniz.

console.count([label])

Günlük düzeyi: Info

count() işlevinin aynı satırda ve aynı label ile kaç kez çağrıldığını yazar. Sayıyı sıfırlamak için console.countReset([label]) numarasını arayın.

console.count();
console.count('coffee');
console.count();
console.count();

Yukarıdaki console.count() örneğinin sonucu.

console.countReset([label])

Bir sayıyı sıfırlar.

console.countReset();
console.countReset('coffee');

console.createTask(name)

Mevcut yığın izlemeyi oluşturulan task nesnesiyle ilişkilendiren bir Task örneği döndürür. Daha sonra bu task nesnesini kullanarak bir işlev (aşağıdaki örnekte f) çalıştırabilirsiniz. task.run(f), rastgele bir yük yürütür ve döndürülen değeri arayana geri iletir.

// Task creation
const task = console.createTask(name);

// Task execution
task.run(f); // instead of f();

task, oluşturma bağlamı ile asenkron işlevin bağlamı arasında bir bağlantı oluşturur. Bu bağlantı, DevTools'un asenkron işlemler için daha iyi yığın izlemeleri göstermesini sağlar. Daha fazla bilgi için Bağlı Yığın İzlemeleri bölümüne bakın.

console.debug(object [, object, ...])

Günlük düzeyi: Verbose

Farklı günlük kaydı düzeyi dışında console.log(object [, object, ...]) ile aynıdır.

console.debug('debug');

Yukarıdaki console.debug() örneğinin sonucu.

console.dir(object)

Günlük düzeyi: Info

Belirtilen nesnenin JSON gösterimini yazdırır.

console.dir(document.head);

Yukarıdaki console.dir() örneğinin sonucu.

console.dirxml(node)

Günlük düzeyi: Info

node öğesinin alt öğelerinin XML gösterimini yazdırır.

console.dirxml(document);

Yukarıdaki console.dirxml() örneğinin sonucu.

console.error(object [, object, ...])

Günlük düzeyi: Error

object değerini konsola yazdırır, hata olarak biçimlendirir ve yığın izleme (stack trace) ekler.

console.error("I'm sorry, Dave. I'm afraid I can't do that.");

Yukarıdaki console.error() örneğinin sonucu.

console.group(label)

console.groupEnd(label) çağrılana kadar mesajları görsel olarak gruplandırır. Grubu, konsola ilk kaydedildiğinde daraltmak için console.groupCollapsed(label) kullanın.

const label = 'Adolescent Irradiated Espionage Tortoises';
console.group(label);
console.info('Leo');
console.info('Mike');
console.info('Don');
console.info('Raph');
console.groupEnd(label);

Yukarıdaki console.group() örneğinin sonucu.

Ayrıca, grupları iç içe yerleştirebilirsiniz.

const timeline1 = 'New York 2012';
const timeline2 = 'Camp Lehigh 1970';
console.group(timeline1);
console.info('Mind');
console.info('Time');
console.group(timeline2);
console.info('Space');
console.info('Extra Pym Particles');
console.groupEnd(timeline2);
console.groupEnd(timeline1);

İç içe grup sayısı

console.groupCollapsed(label)

console.group(label) ile aynıdır ancak grup, Konsol'a kaydedildiğinde başlangıçta daraltılır.

console.groupEnd(label)

Mesajların görsel olarak gruplandırılmasını durdurur. console.group sayfasına bakın.

console.info(object [, object, ...])

Günlük düzeyi: Info

console.log(object [, object, ...]) ile aynıdır.

console.info('info');

Yukarıdaki console.info() örneğinin sonucu.

console.log(object [, object, ...])

Günlük düzeyi: Info

Konsola bir mesaj yazdırır.

console.log('log');

Yukarıdaki console.log() örneğinin sonucu.

console.table(array [, columns])

Günlük düzeyi: Info

Bir nesne dizisini tablo olarak günlüğe kaydeder.

var people = [
  {
    first: 'René',
    last: 'Magritte',
  },
  {
    first: 'Chaim',
    last: 'Soutine',
    birthday: '18930113',
  },
  {
    first: 'Henri',
    last: 'Matisse',
  }
];
console.table(people);

Yukarıdaki console.table() örneğinin sonucu.

Varsayılan olarak console.table(), tüm tablo verilerini günlüğe kaydeder. Tek bir sütunu veya sütunların bir alt kümesini görüntülemek için ikinci isteğe bağlı parametreyi kullanabilir ve sütun adlarını dize veya dizeler dizisi olarak belirtebilirsiniz. Örneğin:

console.table(people, ['last', 'birthday']);

console.table() ile kaydedilen bir tablodaki sütunların alt kümesi.

Günlüğe kaydedilen bir tabloyu biçimlendirilmiş Markdown tablosu veya CSV verisi olarak panonuza kopyalamak için Konsol'da tabloyu sağ tıklayın ve bağlam menüsünden ilgili kopyalama seçeneğini belirleyin.

console.time([label])

Yeni bir zamanlayıcı başlatır. Zamanlayıcıyı durdurmak ve geçen süreyi konsola yazdırmak için console.timeEnd([label]) yöntemini çağırın.

console.time();
for (var i = 0; i < 100000; i++) {
  let square = i ** 2;
}
console.timeEnd();

Yukarıdaki console.time() örneğinin sonucu.

console.timeEnd([label])

Günlük düzeyi: Info

Zamanlayıcıyı durdurur. console.time() sayfasına bakın.

console.trace()

Günlük düzeyi: Info

Konsola bir yığın izleme (stack trace) yazdırır.

const first = () => { second(); };
const second = () => { third(); };
const third = () => { fourth(); };
const fourth = () => { console.trace(); };
first();

Yukarıdaki console.trace() örneğinin sonucu.

console.warn(object [, object, ...])

Günlük düzeyi: Warning

Konsola bir uyarı yazdırır.

console.warn('warn');

Yukarıdaki console.warn() örneğinin sonucu.