JavaScript - 多彩的控制台

2020-06-05

描述

在文本中添加特殊字符使其在控制台中可以打印出彩色的字符串（需配合 console.log() 使用）。

提示

使用模版字符串将特殊字符放入适当的颜色代码中
想要使用背景色，可以在字符串的末尾添加一个特殊字符用来进行背景色的设置

代码

const colorize = (...args) => ({
  black: `\x1b[30m${args.join(' ')}`,
  red: `\x1b[31m${args.join(' ')}`,
  green: `\x1b[32m${args.join(' ')}`,
  yellow: `\x1b[33m${args.join(' ')}`,
  blue: `\x1b[34m${args.join(' ')}`,
  magenta: `\x1b[35m${args.join(' ')}`,
  cyan: `\x1b[36m${args.join(' ')}`,
  white: `\x1b[37m${args.join(' ')}`,
  bgBlack: `\x1b[40m${args.join(' ')}\x1b[0m`,
  bgRed: `\x1b[41m${args.join(' ')}\x1b[0m`,
  bgGreen: `\x1b[42m${args.join(' ')}\x1b[0m`,
  bgYellow: `\x1b[43m${args.join(' ')}\x1b[0m`,
  bgBlue: `\x1b[44m${args.join(' ')}\x1b[0m`,
  bgMagenta: `\x1b[45m${args.join(' ')}\x1b[0m`,
  bgCyan: `\x1b[46m${args.join(' ')}\x1b[0m`,
  bgWhite: `\x1b[47m${args.join(' ')}\x1b[0m`
});

示例

在控制台输出指定的颜色字符串：

console.log(colorize('foo').red); // 打印红色字符串 'foo'
console.log(colorize('foo', 'bar').bgBlue); // 打印蓝色背景的白色字符串 'foo bar'

返回总目录

每天 30 秒系列之 JavaScript 代码

欢迎注册黑客派社区，开启你的博客之旅。让学习和分享成为一种习惯！