Рубрики
Без рубрики

Разработчик JavaScript должен знать эти консольные методы.

Отладка – это ключевой навык, чтобы стать методами JavaScript Ninja и методы консоли, – это начальная точка, чтобы стать отличным разработчиком JS. Теги с JavaScript, начинающими, отладки, учебником.

В веб-консоли веб-браузера является инструментом, который помогает нам регистрировать информацию, связанную с веб-страницей, такими как: ошибка, предупреждение, запрос сети и т. Д. В JavaScript консоль является объектом, который обеспечивает доступ к консоли отладки браузера.

Объект консоли предоставляет нам несколько различных методов, таких как:

Console.table (TableData, TableColumns)

  • Он печатает данные в табличной форме.
  • Табледата – Это должно быть либо объект, либо массив.
  • скатерть – Он указывает имя свойства массива для печати в таблице. Это дополнительное поле, и он используется только с массивом объекта.
console.table([{ name : "Nikhil", language : "Javascript" },
               { name : "Karkra", language : "Python" }]);
  • Если вы видите пример ниже, мы передаем Имя как скатерл. Так, Стол печатает только с Имя имущество.
console.table([{ name : "Nikhil", language : "Javascript" },
               { name : "Karkra", language : "Python" }], ["name"]);

Console.time (этикетка) и консоли. Timeend (метка)

  • Console.time () Метод запускает таймер в представлении консоли.
  • Console.Timeend () Метод используется для завершения таймера и отобразить результат в консоли.
  • этикетка – Этот параметр использует, чтобы дать имя таймеру, и это необязательное поле.
function callApi(){
console.time('API TIMMER')
fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(response => response.json())
  .then(json => {
        console.timeEnd('API TIMMER') //prints time taken by the API
        console.table(json) // prints the response of API
  })
}
callApi()

console.log (сообщение)

  • Он печатает сообщение на консоль браузера. Это полезно для тестирования.
console.log('Hurray!! We are JS developer')

Console.warn (сообщение)

  • Он печатает предупреждающее сообщение для консоли браузера. Очень полезно предупредить для чего-то вроде этого API обесценивается в будущем или этот атрибут требуется для доступности.
console.warn('img elements must have an alt prop, either with meaningful text, or an empty string for decorative images')

Console.Error (сообщение)

  • Он печатает сообщение об ошибке на консоль браузера.
console.error('Server is not running!!')

console.info (сообщение)

  • Он печатает информационное сообщение на консоль.
console.info('React 17 is available!!')

Console.count (этикетка)

  • Это печатает количество времени это Console.count () называется. Очень полезно убедиться, что ваша конкретная функция вызывается один или два раза. Вы можете добавить этикетку, которая будет включена в консоль. По умолчанию будет добавлена метка «по умолчанию».

Console.Clear ()

  • Очищает консоль. Как только этот метод называется, он печатает сообщение в консоли: «Консоль была очищена».
console.clear()

Console.assert (выражение, сообщение)

  • Он печатает сообщение для консоли, если выражение оценивает ложь
console.assert(2>3, '2 is not greater than 3')

Console.group (этикетка) и консоль .Группна (метка)

  • Console.group () Это указало начало группы сообщений
  • Console.grupend () Это указало конец группы сообщений
  • этикетка – Этот параметр использует, чтобы дать имя группе, и это необязательное поле.
//First group
console.group("URL Details");
console.log("Request URL: https://dev.to");
console.log("Request Method: GET");
console.log("Status Code: 200")
console.groupEnd("URL Details");
//Second group
console.group("Author Details");
console.log('Author name: Nikhil karkra')
console.groupEnd("Author Details");

Console.GroupCollapsed (этикетка)

  • Это похоже на Console.group Но он печатает рухнутую группу сообщений. Все сообщения печатают внутри группы.
//First collapsed group
console.groupCollapsed("URL Details");
console.log("Request URL: https://dev.to");
console.log("Request Method: GET");
console.log("Status Code: 200")
console.groupEnd("URL Details");
//Second collapsed group
console.groupCollapsed("Author Details");
console.log('Author name: Nikhil karkra')
console.groupEnd("Author Details");

использованная литература

https://developer.mozilla.org/en-US/docs/Web/API/Console

Оригинал: “https://dev.to/karkranikhil/javascript-developer-must-know-these-console-methods-57oa”

Читайте ещё по теме: