Является ли вывод журнала JS или только console.log, тогда вы OUT.

JavaScript

Наиболее распространенные API-интерфейсы печати и отладки журналов, используемые почти всеми разработчиками javascript,console.log(), На самом деле, у нас есть много вариантов на выбор, автор представит их вам один за другим.

1. консоль.таблица()

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

Например, следующий объект данных json используетconsole.table()Распечатать

    console.table({
    "id":"1",
    "key":"value",
    "count":2
    });

Вывод консоли выглядит следующим образом:

Другой пример — напечатать массив в следующем коде:

 console.table([
    {
        id: "1",
        key: "value",
        count: 2,
        },
     {
         id: "2",
         key: "value2",
             count: 22,
       },
       {
            id: "3",
            key: "value3",
                count: 5,
               },
     ]);

Вывод консоли выглядит следующим образом:

2. консоль.ошибка()

console.error()относительноconsole.log()Более полезно отличать сообщения об ошибках от выходного журнала при отладке.

Как вы можете видеть на изображении выше, его выходная распечатка красного цвета.

3. Время (время, время, время)

Три метода console.time(), console.timeLog() и console.timeEnd() особенно полезны, когда мы измеряем время выполнения программы.

Обратитесь к рисунку ниже, чтобы понять эти три метода.

  • console.time() эквивалентна кнопке запуска в секундомере.
  • console.timeLog() эквивалентно времени круга/времени точки в секундомере
  • console.timeEnd() эквивалентен концу таймера
console.time("ForLoop");  
 // "ForLoop" is label here
for (let i = 0; i < 5; i++) {
    console.timeLog('ForLoop'); 
}
console.timeEnd("ForLoop");

консольная распечатка

Четыре,console.warn()

Журнал выводится желтым шрифтом, и просмотр информации журнала предупреждений более интуитивно понятен и удобен.

Пять, console.assert()

console.assert(assert_statement,message)Используется для установки утверждения, если оноfalseзатем отобразить сообщение сообщение

if(3!=2){
    console.error({ msg1: "msg1", msg2: "msg2" });
}
//上面的日志判断语句，可以简写为下面的断言
console.assert(3 === 2, { msg1: "msg1", msg2: "msg2" });

Другой способ утверждения, который можно использовать для форматирования выводаconsole.assert(assert_statement,message,args)

console.assert(false, "%d nd type for  %s ",2,"console.assert() method");

Шесть, console.count()

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

 for (let i = 0; i < 3; i++) {
   console.count("label");
   console.count();
   console.count(i);
 }

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

 console.count()  console.count("label")   console.count(i)
 default: 1                label: 1                0: 1
 default: 2                label: 2                1: 1
 default: 3                label: 3                2: 1
  • console.count()Если аргументы не переданы, используется тег по умолчанию по умолчанию.
  • console.countReset(标签参数)Вы можете сбросить счетчик для указанного тега на0

Добро пожаловать, чтобы обратить внимание на мой блог, в нем много прекрасных коллекций

  • Эта статья воспроизводится с указанием источника (должна быть ссылка, а не только текст):Блог Адетокунбо.

Если вы считаете это полезным, пожалуйста, поставьте лайк и поделитесь! Ваша поддержка - моя неиссякаемая творческая мотивация!. Кроме того, автор недавно выпустил следующий прекрасный контент, с нетерпением жду вашего внимания.

Категории