7 методов консоли JavaScript, о которых вам нужно знать

Это больше, чем просто console.log()

Когда дело доходит до использования консоли в JavaScript, можно предложить гораздо больше, чем просто операторы console.log().

В этой статье я покажу вам 7 консольных методов, которые позволят вам работать с консолью более эффективно.

1. Консоль.Очистить()

Первый метод — это метод console.clear().

Команды console.clear() очищают все предыдущие операторы консоли. Это отлично подходит для поддержания вашей консоли в чистоте и порядке при отладке.

console.clear();

2. Консоль.Информация()

Наша способность печатать на консоль не ограничивается использованием только операторов console.log().

Наш следующий консольный метод, console.info(), выводит информационное сообщение, содержащее строку, которую мы передаем методу. В большинстве браузеров этот оператор консоли будет иметь синий стиль и небольшой значок «i» рядом с ним.

Синтаксис для console.info() приведен ниже:

console.info("This is an info message");

3. Консоль.Предупреждать()

Метод console.warn(), аналогичный console.info(), предоставляет другой способ вывода на консоль.

Метод console.warn() выводит на консоль предупреждающее сообщение, которое можно отличить по желтому стилю.

Синтаксис для console.warn() приведен ниже:

console.warn("This is a warning message");

4. Консоль.Ошибка()

Console.error() – это консольный метод, выводящий сообщение об ошибке.

Это отличный способ отловить ошибки в вашем приложении, так как трудно не заметить ярко выраженный красный стиль метода console.error().

Синтаксис для console.error() приведен ниже:

console.error(“This is an Error Message”);

5. Консоль.Группа и Консоль.КонецГруппы()

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

Что делают console.group() и console.groupEnd(), так это групповые операторы консоли, которые появляются после console.group(), но перед console.groupEnd().

Это отличный способ структурировать операторы консоли и значительно упростить отладку с помощью консоли.

Вы даже можете пойти дальше и передать строку в консоль. group(), чтобы назвать группу

6. Console.time() и console.timeEnd()

У нас есть еще два метода, которые не могут работать без другого. Console.time() и console.timeEnd(). Эти два метода позволяют нам добавить таймер в нашу консоль.

console.time() запускает таймер, а console.timeEnd() останавливает таймер. После вызова console.timeEnd() время, прошедшее между ними, будет напечатано на консоли.

7. Консоль.Таблица()

Наш последний метод, console.table(), позволяет нам отображать таблицу в нашей консоли. Все, что нам нужно сделать, это передать массив и консоль. table() сделает все остальное.

Синтаксис console.table():

const randomArr=[[1,2,3,4]]
console.table(randomArr);

Примечание. Console.Table() лучше всего работает с двумерными массивами или массивами большего размера. Если вы хотите, чтобы приведенная выше таблица заключала ваши одномерные массивы в квадратные скобки, как показано ниже:

const arr=[1,2,3]
console.table([arr])

Заключение

Спасибо, что добрались до конца моей статьи "7 консольных методов Javascript, о которых вы точно никогда не слышали". Если у вас есть какие-либо вопросы, не стесняйтесь спрашивать, и я постараюсь ответить как можно скорее.

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

Больше контента наplainenglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей». Получите эксклюзивный доступ к возможностям написания и советам в нашем сообщества Discord.