Riferimento API Console

Sofia Emelianova
Sofia Emelianova

Utilizza l'API Console per scrivere messaggi nella console da JavaScript. Consulta la Guida introduttiva all'utilizzo di log dei messaggi alla console per un'introduzione interattiva all'argomento.

Consulta Riferimento API Console Utility se stai cercando metodi pratici come debug(function) o monitorEvents(node) disponibili solo nella console.

console.assert(espressione, oggetto)

Livello di log: Error

Scrive un errore nella console quando expression restituisce false.

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

Il risultato dell&#39;esempio console.assert() riportato sopra.

console.clear()

Cancella i dati dalla console.

console.clear();

Se l'opzione Mantieni log è abilitata, console.clear() è disattivata.

In alternativa, puoi svuotare la console facendo clic sull'icona ALT_TEXT_HERE.

console.count([label])

Livello di log: Info

Scrive il numero di volte che count() è stato richiamato sulla stessa riga e con lo stesso label. Chiama il numero console.countReset([label]) per reimpostare il conteggio.

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

Il risultato dell&#39;esempio console.count() sopra.

console.countReset([label])

Reimposta un conteggio.

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

console.createTask(name)

Restituisce un'istanza Task che associa l'analisi dello stack attuale all'oggetto task creato. In seguito, puoi utilizzare questo oggetto task per eseguire una funzione (f nell'esempio seguente). task.run(f) esegue un payload arbitrario e inoltra il valore restituito al chiamante.

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

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

task forma un collegamento tra il contesto della creazione e quello della funzione asincrona. Questo link consente a DevTools di mostrare analisi dello stack migliori per le operazioni asincrone. Per maggiori informazioni, consulta la sezione Analisi dello stack collegate.

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

Livello di log: Verbose

Identico a console.log(object [, object, ...]), tranne un diverso livello di log.

console.debug('debug');

Il risultato dell&#39;esempio console.debug() riportato sopra.

console.dir(object)

Livello di log: Info

Stampa una rappresentazione JSON dell'oggetto specificato.

console.dir(document.head);

Il risultato dell&#39;esempio console.dir() riportato sopra.

console.dirxml(node)

Livello di log: Info

Stampa una rappresentazione XML dei discendenti di node.

console.dirxml(document);

Il risultato dell&#39;esempio console.dirxml() riportato sopra.

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

Livello di log: Error

Stampa object sulla console, lo formatta come errore e include un'analisi dello stack.

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

Il risultato dell&#39;esempio console.error() riportato sopra.

console.group(label)

Raggruppa visivamente i messaggi fino a quando non viene chiamato console.groupEnd(label). Utilizza le funzionalità di console.groupCollapsed(label) per comprimere il gruppo quando viene inizialmente registrato nella console.

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

Il risultato dell&#39;esempio console.group() riportato sopra.

Inoltre, puoi nidificare i gruppi.

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);

Gruppi nidificati.

console.groupCollapsed(label)

Uguale a console.group(label), ad eccezione del fatto che il gruppo è inizialmente compresso quando viene registrato in nella console.

console.groupEnd(label)

Interrompe il raggruppamento visivo dei messaggi. Vedi console.group.

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

Livello di log: Info

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

console.info('info');

Il risultato dell&#39;esempio console.info() riportato sopra.

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

Livello di log: Info

Stampa un messaggio nella console.

console.log('log');

Il risultato dell&#39;esempio console.log() riportato sopra.

console.table(array [, colonne])

Livello di log: Info

Registra un array di oggetti come tabella.

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

Il risultato dell&#39;esempio console.table() sopra.

Per impostazione predefinita, console.table() registra tutti i dati delle tabelle. Per visualizzare una singola colonna o un sottoinsieme di colonne, puoi utilizzare il secondo parametro facoltativo e specificare il nome o i nomi delle colonne come stringa o come array di stringhe. Ad esempio:

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

Un sottoinsieme di colonne in una tabella registrata con console.table().

console.time([label])

Avvia un nuovo timer. Chiama console.timeEnd([label]) per interrompere il timer e stampare il tempo trascorso su la console.

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

Il risultato dell&#39;esempio console.time() riportato sopra.

console.timeEnd([label])

Livello di log: Info

Interrompe un timer. Vedi console.time().

console.trace()

Livello di log: Info

Stampa un'analisi dello stack nella console.

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

Il risultato dell&#39;esempio console.trace() riportato sopra.

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

Livello di log: Warning

Stampa un avviso sulla console.

console.warn('warn');

Il risultato dell&#39;esempio console.warn() riportato sopra.