您console.log
在开发过程中经常在项目中使用吗?
尽管我们将继续使用console.log
,但还有其他替代方案可以让您的开发更有趣、更高效。
注意:如果您正在终端中查看日志,尤其是如果您是后端开发人员,那么您可以尝试
JSON.stringify(your_data, null, 2)
使用console.log()
结果。这将确保您不会进入{... value: [Object, Object]}
日志,并且日志也会被格式化,使其更易于阅读。
控制台.dir()
用于数组和对象的分层列表。
console.dir(["apples", "oranges", "bananas"]);
控制台.table()
对于数组的行和列列表(可能不适合对象)。
console.table(["apples", "oranges", "bananas"]);
console.table({"a": 1, "b": 2, "c": 3});
控制台.group()
console.log('This is the top outer level');
console.group('Task 1');
console.log('Task activity 1');
console.log('Task activity 2');
console.groupEnd();
console.group('Task 2');
console.log('Task activity 3');
console.log('Task activity 4');
console.groupEnd();
console.log('Back to the top outer level');
console.time() 和 console.timeEnd()
try {
console.time("record-1");
await someAsyncTask();
} catch (error) {
// handle error
} finally {
console.timeEnd("record-1");
}
控制台.clear()
这将清除控制台。