Узнайте, как использовать скрытый потенциал консоли в JS

Одна информация, которая часто остается незамеченной для многих новичков, заключается в том, что консоль — это объект, а используемый в ней метод log() — это всего лишь один из нескольких других методов, которые есть у этого объекта.

Сегодня я расскажу вам, что это за другие методы и как раскрыть весь потенциал консоли.

Console.group()

Можете ли вы представить себе группировку данных в console.log() и организацию данных в консоли браузера?

console.group("My group");
console.log("#1");
console.log("#2");
console.log("#3");
console.groupEnd();
Войдите в полноэкранный режим Выход из полноэкранного режима

С этим мы имеем:

Console.assert()

С помощью этой команды можно проверить некоторое условие, возвращая ошибку, если оно ложно.

console.assert(2 > 1, "Mensagem de erro, 2 não é maior que 1");
console.assert(2 > 3, "Mensagem de erro, 2 não é maior que 3");
Войдите в полноэкранный режим Выход из полноэкранного режима

Затем появляется сообщение об ошибке:

Если это объект…

Мы также можем использовать деструктуризацию объектов в нашей консоли и даже переименовывать наши методы:

const { assert } = console;
assert(2>3,"Error");
const { log: message } = console;
message("Eu era o log");
Войдите в полноэкранный режим Выход из полноэкранного режима

Мы получаем:

Console.table

Название наводит на размышления.

const frutas = ["maça", "banana", "laranja", "uva"];
console.table(frutas);
Войдите в полноэкранный режим Выход из полноэкранного режима

Console.error() и console.warn()

Вы можете отображать сообщения об ошибках и предупреждениях

console.error("ERROR");
console.warn("WARN");
Войдите в полноэкранный режим Выход из полноэкранного режима

Console.clear()

Легко очистите консоль с помощью прозрачного

console.log("#1");
console.clear();
console.log("#2");
Войдите в полноэкранный режим Выход из полноэкранного режима

Console.time() и console.timeEnd()

console.time() начнет подсчет, который завершится, когда мы вызовем console.timeEnd() с тем же именем. С помощью этого метода вы можете увидеть время в миллисекундах, прошедшее с момента выполнения некоторой части вашего кода.

console.time("Tempo");
setTimeout(() => {
   console.timeEnd("Tempo");
}, 2000);
Войдите в полноэкранный режим Выход из полноэкранного режима

Console.count()

Подсчитывает количество раз отображения.

const arr = [1,2,3,4]
console.count("contador");
for(let i in arr){
    console.count("contador");
}
Войдите в полноэкранный режим Выход из полноэкранного режима

Заключение

Вот некоторые из методов, которыми обладает консоль и которые могут облегчить вашу повседневную работу. Надеюсь, что хотя бы один из них окажется для вас полезным.

Оцените статью
devanswers.ru
Добавить комментарий