Открытие консоли в JavaScript

Объект console в JavaScript является фундаментальной частью, когда мы разрабатываем наши проекты.

‼ ️ Вы можете зайти в мой Github, чтобы найти примеры JavaScript. ‼ ️

Если мы введем в Google Chrome Developer Tools в теге console слово: console, вы увидите, что это объект, который находится внутри глобального объекта окна. :

Таким образом, вы можете получить доступ к объекту консоли из объекта окна.

window.console

Но не обязательно 👓

Давайте узнаем ее еще больше:

Распечатать в консоли: 🔈

// Printing text
console.log('Hi!');
// Printing a variable
const PI = Math.PI;
console.log(PI);
// Expresions
console.log(2 + 4);
console.log(`PI value: ${PI}`);
// Comparing
console.log(null === undefined);
console.log(3 > 2);
console.log(typeof NaN);
console.log(true || false);
console.log(true && false);
// Ternary Operator
console.log( (3 > 2) ? 'Three!' : 'Two!');

Результат: 📍

Распечатать ошибку: ❌

console.error('Error!');

Результат: 📍

Распечатайте предупреждающее сообщение: ⚠️

console.warn('Be careful')

Осмотр объекта: 🔦

console.dir(document);
console.dir({a: 5});

Результат: 📍

Утверждение: ⛳

function isEqual(x, y) {
 console.assert(
    x === y, { "message": "x is not equal than y", 
   "x":   x, 
   "y": y });
}
isEqual(10, 5);

Очистить: ⬜️

console.clear();

Результат: консоль будет пустой. 📍

Вывод таблицы: 📋

const users = [
  {name: 'Nick', age: 33}, 
  {name: 'Jessica', age: 23}
];
console.table(users);

Результат: 📍

Время: 〽️

const users = [10, 20, 30];
console.time('performance');
 const gThan10 = users.filter(n => n > 10);
 console.log(gThan10);  
console.timeEnd('performance');

Результат: 📍

Группа: 📦

console.group('numbers');
 console.log(1);
 console.log(2);
 console.log(3);
console.groupEnd('numbers');

Спасибо 😊!