Пошук уроків, статей та іншого контенту
Console та його методи
Console — один із найпростіших способів взаємодіяти з JavaScript у браузері.
Вона дозволяє запускати код без створення окремого файлу.
Відкрийте DevTools → Console та введіть:
2 + 2Отримаєте:
4Можна створювати змінні:
const name = "Олексій";та використовувати їх:
`Привіт, ${name}!`Найвідоміший метод:
console.log("Hello JavaScript");Можна виводити декілька значень:
const name = "Anna";
const age = 25;
console.log(name, age);Або додавати підпис:
console.log("User age:", age);Для інформаційних повідомлень:
console.info("Application started");Для попереджень:
console.warn("Password is too short");Для помилок:
console.error("Failed to load users");Для масивів та об'єктів зручно використовувати:
const users = [
{ name: "Anna", age: 25 },
{ name: "Ivan", age: 31 },
{ name: "Olena", age: 28 }
];
console.table(users);Console покаже дані у вигляді таблиці.
Можна приблизно виміряти час виконання:
console.time("loop");
for (let i = 0; i < 1000000; i++) {
// some work
}
console.timeEnd("loop");Об'єкт:
consoleнадається середовищем виконання.
Тому console.log() — це не спеціальна синтаксична конструкція JavaScript на кшталт if або function.
Залишати сотні console.log() у production-коді. Для навчання вони корисні, але реальні застосунки потребують більш системного логування.
Вважати Console лише місцем для помилок. У ній можна запускати JavaScript та досліджувати сторінку.
Не дивитися на тип значення.
console.log("5" + 2);Результат:
52Console допомагає помітити такі несподівані результати.
Console — чудове середовище для перших експериментів із JavaScript.
Основні методи:
console.log()
console.info()
console.warn()
console.error()
console.table()Не бійтеся експериментувати: введіть вираз, змініть значення, викличте функцію та подивіться результат.