你不知道的console.log用法

NorthS

发布于 2023-03-21 21:29:36

3370

发布于 2023-03-21 21:29:36

文章被收录于专栏：北冥博客北冥博客

变量包装

您在 console.log() 的时候，将参数用大括号括起来，这样可以同时看到变量名和变量值。

打印表格

// [] 里面指的是可选参数
console.table(data [, columns]);

基本用法

console.log('最常见用法\n换行');

console.error('输出错误信息 会以红色显示');

console.warn('打印警告信息 会以黄色显示');

console.info('打印一般信息');

console.clear();//清空上面的console显示

判断

console.assert(false,'判断为false才显示的信息');
//console.assert(bool,”info”) 如果bool为false 打印出info 否则不打印

样式

console.log(
  "%c北冥博客",
  "font-size: 60px;background: #EEE url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAHklEQVQImWNkYGBgYGD4//8/A5wF5SBYyAr+//8PAPOCFO0Q2zq7AAAAAElFTkSuQmCC) repeat; text-shadow: 5px -5px black, 4px -4px white;  font-weight: bold;  -webkit-text-fill-color: transparent;  -webkit-background-clip: text;"
);

console.log(
  "%c%s",
  "color: blue; font-size: 16px;",
  "本程序由北冥博客开发\n\n作者邮箱1826496887@qq.com \n\n你可以通过 http://www.vieuu.cn 了解我们 "
);

温馨提示：本文最后更新于2022-05-03，若文件或内容有错误或已失效，请在下方留言。

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2022年05月03日，如有侵权请联系 cloudcommunity@tencent.com 删除

console