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'da sunulan debug(function) veya monitorEvents(node) gibi kolaylık yöntemlerini arıyorsanız Console utilities 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 özelliği etkinleştirilirse 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ıyı 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ı, Geliştirici Araçları'nın eşzamansız işlemler için daha iyi yığın izlemeleri (stack trace) 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(object [, nesne, ...])

Günlük düzeyi: Error

object değerini konsola yazar, 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 iletileri görsel olarak birlikte gruplandırır. Konsola ilk kez giriş yapıldığında grubu 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 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 bir sütun alt kümesini görüntülemek için isteğe bağlı ikinci parametreyi kullanabilir ve sütun adını ya da adlarını bir dize veya dize dizisi olarak belirtebilirsiniz. Örneğin:

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

console.table() ile günlüğe kaydedilen bir tablodaki sütunların 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

Konsola bir uyarı yazdırır.

console.warn('warn');

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