发布于 2025-03-10 37 阅读
0

对 console.log 说不!

console.log在开发过程中经常在项目中使用吗?

尽管我们将继续使用console.log,但还有其他替代方案可以让您的开发更有趣、更高效。

 

注意:如果您正在终端中查看日志,尤其是如果您是后端开发人员,那么您可以尝试JSON.stringify(your_data, null, 2)使用console.log()结果。这将确保您不会进入{... value: [Object, Object]}日志,并且日志也会被格式化,使其更易于阅读。

 

控制台.dir()

用于数组和对象的分层列表。

console.dir(["apples", "oranges", "bananas"]);

console.dir 示例

 

控制台.table()

对于数组的行和列列表(可能不适合对象)。

console.table(["apples", "oranges", "bananas"]);

console.table 数组示例

console.table({"a": 1, "b": 2, "c": 3});

console.table 对象示例

 

控制台.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.group 示例

 

console.time() 和 console.timeEnd()

try {
  console.time("record-1");
  await someAsyncTask();
} catch (error) {
   // handle error
} finally {
  console.timeEnd("record-1");
}

console.time 日志

 

控制台.clear()

这将清除控制台。