漂亮的打印 JavaScript

在编写 JavaScript 代码的过程中，我们经常需要向控制台输出调试信息，以便于排查问题。然而，由于默认的打印方式比较简单粗暴，而且输出的内容难以阅读和理解，因此我们需要一种更加漂亮的打印方式。本文将介绍几种常用的漂亮打印 JavaScript 的方法。

1. console.log()

console.log() 是 JavaScript 中最常用的打印方式，我们可以使用它输出字符串、数字、布尔值、数组、对象等数据类型。然而，在默认情况下，它输出的内容并不太美观，而且对象和数组的结构也难以阅读。通过使用 JSON.stringify() 和内置 Node.js 模块 util 的 inspect() 方法，可以让输出更加漂亮。

1.1. 输出字符串、数字、布尔值

const name = 'John';
const age = 30;
const isMale = true;

console.log(`My name is ${name}, I'm ${age} years old, and I'm ${isMale ? 'male' : 'female'}.`);

1.2. 输出数组和对象

const arr = [1, 2, 3];
const obj = {
  name: 'John',
  age: 30,
  isMale: true,
  address: {
    city: 'New York',
    country: 'United States'
  }
};

console.log(JSON.stringify(arr, null, 2));
console.log(util.inspect(obj, false, null, true));

输出结果：

[
  1,
  2,
  3
]

{
  name: 'John',
  age: 30,
  isMale: true,
  address: {
    city: 'New York',
    country: 'United States'
  }
}

2. console.table()

console.table() 是 console 的一个方法，可以将数组或对象以表格形式输出，更加直观易懂。

const users = [
  {id: 1, name: 'John', age: 30},
  {id: 2, name: 'Jane', age: 25},
  {id: 3, name: 'Peter', age: 40}
];

console.table(users);

输出结果：

| (index) | id | name | age | | ------- | -- | ---- | --- | | 0 | 1 | John | 30 | | 1 | 2 | Jane | 25 | | 2 | 3 | Peter | 40 |

3. chalk

chalk 是一个 Node.js 的库，可以为控制台输出添加颜色、背景色和样式等效果，让输出更加丰富多彩。它支持多种颜色，包括黑、红、绿、黄、蓝、洋红、青、白等。

const chalk = require('chalk');

console.log(chalk.red('Error:'), 'Something went wrong.');
console.log(chalk.green('Success:'), 'Operation completed successfully.');
console.log(chalk.yellow('Warning:'), 'This action may cause data loss.');

输出结果：

4. log-symbols

log-symbols 是一个 Node.js 的库，可以在控制台输出中添加各种符号和图标，便于区分不同类型的信息。

const logSymbols = require('log-symbols');

console.log(logSymbols.success, 'Operation completed successfully.');
console.log(logSymbols.warning, 'This action may cause data loss.');
console.log(logSymbols.error, 'Something went wrong.');

输出结果：

总之，以更加漂亮的方式打印 JavaScript 可以让我们的调试过程更加方便和高效，提高开发效率。当然，以上只是几种常用的打印方式，还有很多其他的库和工具可以实现类似的效果，各位可以进一步探索。