你不知道的console.log用法

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
简介: 在JavaScript中,使用`console.log()`时,通过大括号能显示变量名和值。`console.table(data, columns)`用于格式化打印表格。常用方法包括:`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 了解我们 "
);

相关实践学习
日志服务之数据清洗与入湖
本教程介绍如何使用日志服务接入NGINX模拟数据,通过数据加工对数据进行清洗并归档至OSS中进行存储。
目录
相关文章
|
2月前
|
人工智能 数据可视化 开发工具
Git log 进阶用法(含格式化、以及数据过滤)
Git log 进阶用法(含格式化、以及数据过滤)
|
10月前
|
监控 Java 数据安全/隐私保护
Spring Boot 高级用法 AOP 自定义注解实现日志
Spring Boot 高级用法 AOP 自定义注解实现日志
97 0
|
12月前
控制台输出信息console.log()的用法总结
控制台输出信息console.log()的用法总结
168 0
|
Docker 容器
Docker基础:docker查看日志用法笔记
大家在平常使用docker的时候,可能会遇到这样或者那样的问题,这个时候想排查问题的时候通常需要查看异常日志,这样才可以快速定位问题,从而解决实际的问题。今天就给大家聊聊Docker查看日志的用法,一起来看看吧!
Docker基础:docker查看日志用法笔记
|
索引 Python
Python语言学习之字母L开头函数使用集锦:logging日志用法之详细攻略
Python语言学习之字母L开头函数使用集锦:logging日志用法之详细攻略
|
监控 JavaScript 数据库
morgan nodejs日志组件两种用法
记录请求参数和请求内容 默认morgan没有提供记录请求参数和请求内容的方法, 但是他提供了扩展方法,如下: morgan.token('requestParameters', function(req, res){ return JSON.
1467 0
|
机器学习/深度学习 数据格式 XML
|
前端开发 JavaScript 数据格式