在JavaScript中发现控制台

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

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

在JavaScript中发现控制台

如果我们在控制台标记中键入Google Chrome开发者工具,则单词: console 可以看到这是一个位于全局窗口对象内部的对象:

在JavaScript中发现控制台

因此,您可以从窗口对象访问控制台对象。

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!');

结果: ????

在JavaScript中发现控制台

打印错误:❌

console.error('Error!');

结果: ????

在JavaScript中发现控制台

打印警告消息:⚠️

console.warn('Be careful')
在JavaScript中发现控制台

检查对象:????

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

结果: ????

在JavaScript中发现控制台

断言:⛳

function isEqual(x, y) {
console.assert(
x === y, { "message": "x is not equal than y",
"x": x,
"y": y });
}
isEqual(10, 5);
在JavaScript中发现控制台

清除:⬜️

console.clear();

结果:控制台将为空。 ????

表输出:????

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

结果: ????

在JavaScript中发现控制台

时间: 〽️

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

结果: ????

在JavaScript中发现控制台

组:????

console.group('numbers');
console.log(1);
console.log(2);
console.log(3);
console.groupEnd('numbers');
在JavaScript中发现控制台

谢谢????!

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