带样式的console.log

发布时间 2023-08-27 23:13:20作者: HuangBingQuan
  • log的二次封装
  • 具体代码
 function print(info) {
    const contentArr = info.map(info => info.content);
    const styleArr = info.map(info => info.style).map(style => style.join(""));
    console.log(`%c${contentArr.join('%c')}`, ...styleArr)
  }
  print([
      { content: "Hello", style: ['font-size: 20px;', 'color: red;']},
      { content: "World", style: ['font-size: 14px;', 'color: #3270f1;']}
  ]);