在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