你不知道的console.log用法

2023-03-21 21:29:36 浏览数 (1)

变量包装

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

打印表格

代码语言:javascript复制
// [] 里面指的是可选参数
console.table(data [, columns]);

基本用法

代码语言:javascript复制
console.log('最常见用法n换行');

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

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

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

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

判断

代码语言:javascript复制
console.assert(false,'判断为false才显示的信息');
//console.assert(bool,”info”) 如果bool为false 打印出info 否则不打印

样式

代码语言:javascript复制
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;",
  "本程序由北冥博客开发nn作者邮箱1826496887@qq.com nn你可以通过 http://www.vieuu.cn 了解我们 "
);

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

0 人点赞