打印彩色文本 Javascript

在Javascript中，我们可以使用控制台打印彩色文本以方便我们观察输出结果。下面是几种常用的颜色和样式：

• \033[0m：恢复至默认值。
• \033[31m：红色。
• \033[32m：绿色。
• \033[33m：黄色。
• \033[34m：蓝色。
• \033[35m：紫色。
• \033[36m：青色。
• \033[37m：白色。

我们可以使用以下函数将文本设置为特定的颜色和样式：

function coloredLog(text, style) {
  var codes = {
    reset: "\033[0m",
    red: "\033[31m",
    green: "\033[32m",
    yellow: "\033[33m",
    blue: "\033[34m",
    magenta: "\033[35m",
    cyan: "\033[36m",
    white: "\033[37m",
    bold: "\033[1m",
    underline: "\033[4m"
  };

  if (style in codes) {
    console.log(codes[style] + text + codes.reset);
  } else {
    console.log(text);
  }
}

其中，参数text是要打印的文本，参数style是样式。如果样式不支持，则打印默认的文本。

例如，我们可以这样使用该函数：

coloredLog("红色文本", "red");
coloredLog("绿色文本", "green");
coloredLog("黄色文本", "yellow");
coloredLog("蓝色文本", "blue");
coloredLog("紫色文本", "magenta");
coloredLog("青色文本", "cyan");
coloredLog("白色文本", "white");
coloredLog("加粗文本", "bold");
coloredLog("下划线文本", "underline");

以上代码会在控制台输出不同颜色和样式的文本。

另外，我们还可以使用模板字符串来进行更复杂的操作。例如：

console.log(`%c这段文本是红色的，%c这段文本是加粗的，%c这段文本是下划线的`,
  "color: red;",
  "font-weight: bold;",
  "text-decoration: underline;");

以上代码会输出三段文本，分别被标记为红色、加粗和下划线。这种方法比较灵活，可以用于更复杂的布局和样式。

总之，在Javascript中打印彩色文本是一项非常有用的技术，可以让我们更好地调试和观察代码输出。