怎么使用console

简介: 使用console。灵活运用console对象所提供的方法,可以让开发变得更简单。

最常见的控制台方法

console.log()– 打印内容的通用方法。
console.info()– 打印资讯类说明信息。
console.debug()– 在控制台打印一条 "debug" 级别的消息。
console.warn()– 打印一个警告信息。
console.error()– 打印一条错误信息。

console.log()写css

image.png

console.log() 使用参数

image.png

console.clear();

用于清除控制台信息。

Console was cleared: 控制台数据已清空

image.png

console.count(label);

输出count()被调用的次数,可以使用一个参数label

varuser="";
functiongreet() {
console.count(user);
return"hi "+user;
}
user="bob";
greet();
user="alice";
greet();
greet();
console.count("alice");

演示如下:

image.png

console.time() 和 console.timeEnd()

  1. console.time()– 使用输入参数的名称启动计时器。在给定页面上最多可以同时运行 10,000 个计时器。
  2. console.timeEnd()– 停止指定的计时器并记录自启动以来经过的时间(以毫秒为单位)。

image.png

console.trace();

image.png

console.assert()

如果断言为假,将错误信息写入控制台,如果为真,无显示。

image.png

相关文章
|
4月前
|
JavaScript 前端开发
setTimeout(console.log(12345), 1000)___经典面试题
本文探讨了JavaScript中`setTimeout`函数的行为,解释了传递函数和函数调用作为`setTimeout`参数时的区别,并通过修改`console.log`函数来演示函数调用是如何立即执行的。
48 0
setTimeout(console.log(12345), 1000)___经典面试题
|
7月前
|
机器学习/深度学习 JavaScript 前端开发
你不知道的console.log用法
在JavaScript中,使用`console.log()`时,通过大括号能显示变量名和值。`console.table(data, columns)`用于格式化打印表格。常用方法包括:`console.log()`
61 0
|
8月前
|
JavaScript 前端开发 开发者
使用`console.log()`查看运行结果非常简单
【4月更文挑战第18天】使用`console.log()`查看运行结果非常简单
364 1
|
XML JavaScript 数据格式
JS console.log、console.dir、console.dirxml 区别
JS console.log、console.dir、console.dirxml 区别
144 0
|
前端开发
React踩坑日记React启动后报错TypeError Cannot read properties of undefined (reading ‘forEach‘)
React踩坑日记React启动后报错TypeError Cannot read properties of undefined (reading ‘forEach‘)
341 0
|
JavaScript
Vue配置自动隐藏console打印日志
vue项目中,自动把console.log()打印日志隐藏
1707 41
|
前端开发
还在console.log一把梭吗?console还有其他骚操作
相信很多童鞋在开发中都是使用console.log()进行调试,本篇文章介绍一下console对象中的一些其他方法,这里并不是常用的方法。
160 0
还在console.log一把梭吗?console还有其他骚操作
|
Web App开发 前端开发 API
Chrome操作指南——入门篇(七)console中的await和log
Chrome操作指南——入门篇(七)console中的await和log
Chrome操作指南——入门篇(七)console中的await和log
|
Web App开发 前端开发 CDN
Chrome操作指南——入门篇(六)console.injector
Chrome操作指南——入门篇(六)console.injector
Chrome操作指南——入门篇(六)console.injector
|
Web App开发 XML JavaScript
Console 3000字完整指南,让你不只会用console.log !
Console 3000字完整指南,让你不只会用console.log !
Console 3000字完整指南,让你不只会用console.log !