Некоторые методы, выходящие за рамки console.log в Javascript

Часто во время отладки мы, разработчики javascript, используем метод console.log() для вывода значений. Но есть и другие консольные методы, которые значительно облегчают вашу жизнь. Хотите узнать, что это за методы? Давайте познакомимся с ними!

1. console.table()

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

// Matrix
const matrix = [
  ["apple", "banana", "cherry"],
  ["Rs 80/kg", "Rs 100/kg", "Rs 120/kg"],
  ["5 ⭐", "4 ⭐", "4.5 ⭐"],
]
console.table(matrix);

// Maps
class Person {
  constructor(firstName, lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
  }
}

const family = {};
family.mother = new Person("Jane", "Smith");
family.father = new Person("John", "Smith");
family.daughter = new Person("Emily", "Smith");
console.table(family);
Войдите в полноэкранный режим Выход из полноэкранного режима

2. console.trace()

Возникли проблемы с отладкой функции, интересно, как происходит выполнение? console.trace() — ваш друг!

function outerFunction() {
  function innerFunction() {
    console.trace();
  }
  innerFunction();
}
outerFunction();
Войдите в полноэкранный режим Выход из полноэкранного режима

3. console.error() и console.warn()

Устали от скучных журналов? Разнообразьте ситуацию с помощью console.error() и console.warn().

console.error("This is an error message");
console.warn("This is a warning message");
console.log("This is a log message");
Войдите в полноэкранный режим Выход из полноэкранного режима

4. console.assert()

Это еще один блестящий инструмент для отладки! Если утверждение не сработало, в консоли будет выведена трассировка.

function func() {
  const a = -1;
  console.assert(a === -1, "a is not equal to -1");
  console.assert(a >= 0, "a is negative");
}

func();
Войдите в полноэкранный режим Выход из полноэкранного режима

5. console.time(), console.timeEnd(), и console.timeLog().

Нужно проверить, сколько времени что-то занимает? Методы таймера придут вам на помощь!

console.time("timeout-timer");

setTimeout(() => {
  console.timeEnd("timeout-timer");
}, 1000);

setTimeout(() => {
  console.timeLog("timeout-timer");
}, 500);
Войдите в полноэкранный режим Выход из полноэкранного режима

ПРИМЕЧАНИЕ: SetTimeouts выполняются не сразу, что создает небольшое отклонение от ожидаемого времени.

Вот и все, друзья, надеюсь, это поможет вам стать лучшим разработчиком!

@khriztianmoreno

Увидимся в следующий раз.

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