Console API referansı

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'a mesaj kaydetmeye başlama başlıklı makaleyi inceleyin.

Yalnızca Console'dan kullanılabilen debug(function) veya monitorEvents(node) gibi kolaylık yöntemlerini arıyorsanız Console yardımcı programları API referansı başlıklı makaleyi inceleyin.

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üğü Koru etkinse console.clear() devre dışı bırakılır.

Alternatif olarak, ALT_TEXT_HERE simgesini tıklayarak Konsol'u 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ımı sıfırlamak için console.countReset([label]) numaralı telefonu 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)

Geçerli yığın izlemeyi oluşturulan task nesnesi ile ilişkilendiren bir Task örneği döndürür. Daha sonra bir işlevi çalıştırmak için bu task nesnesini kullanabilirsiniz (aşağıdaki örnekte f). task.run(f), rastgele bir yükü yürütür ve döndürülen değeri arayana iletir.

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

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

task, oluşturma bağlamı ile asynkron işlevin bağlamı arasında bir bağlantı oluşturur. Bu bağlantı, DevTools'un asynkron işlemler için daha iyi yığın izlemeleri göstermesini sağlar. Daha fazla bilgi için Bağlı yığın izlemeleri başlıklı makaleyi inceleyin.

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

Günlük düzeyi: Verbose

Günlük düzeyi farklı olmak üzere 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 temsilini yazdırır.

console.dirxml(document);

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

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

Günlük düzeyi: Error

object değerini konsola yazdırır, hata olarak biçimlendirir ve yığın izleme içerir.

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. Console'a ilk kez kaydedilen grubu daraltmak için console.groupCollapsed(label) simgesini 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 yerleştirilmiş gruplar.

console.groupCollapsed(label)

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

console.groupEnd(label)

Mesajları görsel olarak gruplandırmayı durdurur. console.group adresine göz atı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(nesne [, nesne, ...])

Günlük düzeyi: Info

Konsola bir mesaj yazdırır.

console.log('log');

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

console.table(dizi [, sütunlar])

Günlük düzeyi: Info

Bir nesne dizisini tablo olarak 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.

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

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

console.table() ile günlüğe kaydedilen bir tablodaki sütun alt kümesi.

console.time([label])

Yeni bir zamanlayıcı başlatır. Zamanlayıcıyı durdurmak ve geçen süreyi Console'a yazdırmak için console.timeEnd([label]) işlevini ç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

Bir zamanlayıcıyı durdurur. console.time() adresine göz atın.

console.trace()

Günlük düzeyi: Info

Console'a bir yığın izleme 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(nesne [, nesne, ...])

Günlük düzeyi: Warning

Konsol'a bir uyarı yazdırır.

console.warn('warn');

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