怎么使用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

相关文章
|
9天前
|
JavaScript 前端开发 开发者
使用`console.log()`查看运行结果非常简单
【4月更文挑战第18天】使用`console.log()`查看运行结果非常简单
7 1
|
10月前
|
前端开发
前端页面出错调试方法console.log()
前端页面出错调试方法console.log()
|
前端开发
还在console.log一把梭吗?console还有其他骚操作
相信很多童鞋在开发中都是使用console.log()进行调试,本篇文章介绍一下console对象中的一些其他方法,这里并不是常用的方法。
112 0
还在console.log一把梭吗?console还有其他骚操作
|
Web App开发 前端开发 API
Chrome操作指南——入门篇(七)console中的await和log
Chrome操作指南——入门篇(七)console中的await和log
Chrome操作指南——入门篇(七)console中的await和log
|
存储
函数简介(function)
函数简介(function)自制脑图 函数也是一个对象,对象是内存中专门用来存储数据的一块区域。函数可以用来保存一些可执行的代码,并且可以在需要时,对这些语句进行多次的调用。函数名必须要符号标识符的规范 可以包含字母,数字,下划线,但是不能以数字开头)函数中保存的代码不会立即执行,需要调用函数代码才会执行 调用函数: 函数对象() 定义函数一般都是要实现某种功能
67 0
函数简介(function)
|
Python
Selenium Python 框架之日志(Log)的写法及调用
Selenium Python 框架之日志(Log)的写法及调用
213 0
|
前端开发 程序员
Promise简单使用
Promise简单使用
104 0
Promise简单使用
|
JSON 前端开发 JavaScript
console的隐藏知识点,你get到了嘛?
console的隐藏知识点,你get到了嘛?
135 0
console的隐藏知识点,你get到了嘛?
|
Web App开发 XML JavaScript
Console 3000字完整指南,让你不只会用console.log !
Console 3000字完整指南,让你不只会用console.log !
Console 3000字完整指南,让你不只会用console.log !
|
小程序 开发者
[console,log,时执行,页面节点树,组件实例]微信小程序中使用async/await语法的方法
  1、在微信小程序项目添加package.json文件或者直接npm init.   2.在package.json中添加regenerator包和版本   `"devDependencies": {   "regenerator":"0.13.3"}`   3.微信开发者工具-》工具-》npm构建
136 0