В этом коротком уроке обсуждаются некоторые полезные функции консоли JavaScript.

Эпизоды:
0:00 - Открываем консоль
1:28 - Вывод в консоль (log, warn, info, error)
3:20 - Вывод переменных
5:26 - Обратные кавычки ``
6:45 - Вывод массивов (table)
9:10 - Время выполнения скрипта (time)
10:05 - Символы подстановки переменных и CSS стилей: %s и %c

Краткое содержание:

log, warn, info, error - выводит сообщения с соответствующим оформлением и последующей возможностью фильтрации сообщений. Например:
console.log("Привет!");
console.warn("Привет!");
console.info("Привет!");
console.error("Привет!");

Вывод переменных возможно в самой строке , а также с помощью символов подстановки:
var myAge = 100;
console.log("Привет, мне %s лет.",myAge);

Возможности обратных кавычек:
var myAge = 100;
console.log(`Привет, мне ${myAge} лет.`);

table: Вывод массивов в удобном для восприятия виде:
console.table(myArray);

Применяем CSS к строкам вывода в консоль, с помощью %c:
console.log("Привет, мне %c100 лет.","color:red;");

свернуть