在JavaScript中发现控制台

当我们开发项目时，JavaScript中的控制台对象是基础。

！️你可以去我的Github 查找JavaScript示例。 ！️

如果我们在控制台标记中键入Google Chrome开发者工具，则单词： 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');

谢谢😊！

From: https://hackernoon.com/discovering-the-console-in-javascript-8c5ff77ee846