你不知道的console.log用法

变量包装

您在 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 了解我们 "
);
© 版权声明
THE END
喜欢就支持一下吧
点赞14赞赏 分享
评论 抢沙发

请登录后发表评论