Bom dia amigos
Nesta breve nota, quero compartilhar com você informações sobre alguns métodos do objeto Console que podem ser usados junto com o console.log ().
Uma lista completa de métodos pode ser encontrada
aqui .
Das palavras à ação. Sim, o Chrome será usado para trabalhar.
Console.debug () e console.info ()
Console.debug () e console.info () são usados para enviar mensagens informativas para o console e, de fato, são análogos do console.log (). Um dos recursos do console.debug () é que a mensagem exibida por esse método é exibida apenas se o console estiver configurado para exibir mensagens no nível de depuração (para Chrome, o Verbose possui uma marca de seleção na guia Níveis).
Vamos criar alguns objetos:
const harry = { name: 'Harry', age: 28, married: false, job: 'developer', salary: 300, }, alice = { name: 'Alice', age: 23, married: false, job: 'manager', salary: 100, }, bob = { name: 'Bob', age: 32, married: true, job: 'tester', salary: 200 }
Liste-os no console usando console.log (harry, alice, bob):
Agora, usando console.debug (), fornecendo informações adicionais ("\ n" é o caractere de controle para o avanço de linha, o espaço no início é para alinhamento):
console.debug( ' The first employee is', harry.name, '\n The second employee is', alice.name, '\n The third employee is', bob.name )
Temos o seguinte:
Por fim, usando console.info (), caracteres curinga ("% s" é uma cadeia de caracteres, "% d" é um número, "% s" é uma diretiva para a aplicação de estilos):
console.info(' This is %c%s%c. \n He\'s %d years old. \n He\'s %s. \n He works as %s. \n His salary is %d.', 'font-size: 1.2em; font-weight: 600; color: deepskyblue; text-decoration: underline;', harry.name, '', harry.age, harry.married ? 'married' : 'not married', harry.job, harry.salary)
Resultado (observe o "Harry" que envolvemos em% c):
Console.count ()
Console.count () exibe o número de chamadas de método com um rótulo específico (transmitido no parâmetro method). Para redefinir o contador com o valor fornecido, use console.countReset ().
Um exemplo ligeiramente modificado com MDN:
let user = '' function greet() { console.count(user) return 'hi ' + user } user = 'bob' greet() user = 'alice' greet() greet() console.count('alice')
Vemos o seguinte:
Pessoalmente, não pude usar esse método, mas a oportunidade parecia interessante.
Console.group ()
Console.group () é usado para agrupar mensagens (com uma mudança para a direita em um nível). Grupos podem receber nomes. Para fechar o grupo, use console.groupEnd (). Console.groupCollapsed () faz o mesmo que console.group (), mas a saída está em um grupo minimizado (trabalhamos com objetos criados anteriormente):
console.groupCollapsed('harry') console.log(harry.name) console.log(harry.age) console.log(harry.married) console.log(harry.job) console.log(harry.salary) console.groupEnd() console.groupCollapsed('alice') console.log(alice.name) console.log(alice.age) console.log(alice.married) console.log(alice.job) console.log(alice.salary) console.groupEnd() console.groupCollapsed('bob') console.log(bob.name) console.log(bob.age) console.log(bob.married) console.log(bob.job) console.log(bob.salary) console.groupEnd()
Temos:
Console.table ()
Console.table () exibe os dados em uma tabela.
Crie uma matriz de objetos:
let staff = [{ name: 'Harry', age: 29, married: false, job: 'developer', salary: 'many', }, { name: 'Alice', age: 23, married: false, job: 'manager', salary: 'few' }, { name: 'Bob', age: 32, married: true, job: 'tester', salary: 'medium' } ]
Derive-o usando console.log (material):
Não é muito claro, concordo.
Agora usando console.table (material):
Uma questão completamente diferente.
Console.time ()
Console.time () inicia um timer com o nome do parâmetro passado. O cronômetro é parado usando console.timeEnd (). Para corrigir valores intermediários, use console.timeLog ():
console.time('time')
Resultado:
Console.trace ()
Console.trace () imprime um rastreamento de pilha. Pode ser usado para determinar a sequência de chamadas de função.
Um exemplo ligeiramente modificado com MDN:
foo() function foo() {
Resultado:
Ele nunca usou, mas tomou notas.
Isso é tudo para mim. Tudo de bom.