全网最全console命令解析总结

1、console.assert()

在浏览器中当console.assert()方法接受一个值为假断言时，会向控制台输出传入的内容，但并不会中断代码的执行

const errorMsg = 'the # is not even';
for (let number = 2; number <= 5; number += 1) {console.log('the # is' + number);console.assert(number % 2 === 0, {number: number,errorMsg: errorMsg});
}

2、console.clear()

清空控制台输出信息

<button>清空控制台输出信息</button>
<script>//  该特性是非标准的，请尽量不要在生产环境中使用for (var i = 0; i < 10; i++) {console.log(i);}document.getElementsByTagName("button")[0].onclick = function() {console.clear();}
</script>

3、console.count()

输出 console.count()被调用的次数

该特性是非标准的，请尽量不要在生产环境中使用它！

// 无参：默认 default
var user = "";function greet() {console.count();return "hi" + user;
}user = "bob";
greet(); // default：1
user = "alice";
greet(); // default：2
greet(); // default：3
setInterval(function() {greet(); // default：4
}, 5000);

/*console.count(arg)arg: 代表计算器的名称
*/
var user = "";function greet() {console.count(user);return "hi " + user;
}user = "bob";
greet(); // bob: 1
user = "alice";
greet(); // alice：1
greet(); // alice：2
// 全局获取名为 bob 的定时器执行次数
console.count("bob"); // bob：2

4、console.countReset()

重置计数器

var user = "";function greet() {console.count();return "hi " + user;
}user = "bob";
greet(); // default: 0
user = "alice";
greet(); // default: 1
greet(); // default: 2
console.count(); // default: 3
console.countReset(); // default: 0

var user = "";function greet() {console.count(user);return "hi " + user;
}user = "bob";
greet(); // bob: 1
user = "alice";
greet(); // alice: 1
greet(); // alice: 2
console.countReset("bob"); // bob: 0
console.count("alice"); // alice: 3
console.count("bob"); // bob: 1

5、console.debug()

输出“调试”级别的消息且仅仅控制台配置为显示调试输出时才显示该消息

6、console.dir()

在控制台中显示指定JavaScript对象的属性，并通过类似文件树样式的交互列表显示

该特性是非标准的，请尽量不要在生产环境中使用它！

console.dir(Object);

7、console.dirxml()

显示一个明确的XML/HTML元素的包括所有后代元素的交互树。如果无法作为一个element被显示，那么会以JavaScript对象的形式作为替代

该特性是非标准的，请尽量不要在生产环境中使用它！

console.dirxml(document);

8、console.log()

向 web控制台输出一条消息

console.log("这是一条信息");

9、console.error()

向 web控制台输出一条错误信息

console.error("这是一条错误信息");

10、console.info()

向 web控制台输出一个通知信息。仅在Firefox，web控制台的日志中的项目旁边会显示一个小的‘I‘图标

console.info("这是一条通知信息");

11、console.warn()

向 web 输出一个警告信息

console.warn("这是一条警告信息");

12、console.group()

在 web控制台上创建一个新的分组.随后输出到控制台上的内容都会被添加一个缩进,表示该内容属于当前分组,直到调用console.groupEnd()之后,当前分组结束.

console.group("第一组");
console.log("第一组第一个");
console.log("第一组第二个");
console.groupEnd();

13、console.groupCollapsed()

与console.group的用法一致，唯一不同的地方是：console.groupCollapsed()是被折叠的，console.group是打开的

console.groupCollapsed("第一组");
console.log("第一组第一个");
console.log("第一组第二个");
console.groupEnd();

14、console.time()

计算一段特定操作的周期

console.time();
$.get({url: "http://39.104.61.32:3000/top/album",data: {offset: 2,limit: 20,area: "ZH"},success: function(res) {console.log(res);console.timeEnd();}
})

15、console.trace()

先 web控制台输出一个堆栈跟踪

function foo() {function bar() {console.trace();}bar();
}
foo()

16、console.table()

将数据以表格的形式显示

打印单一参数类型（数组）

console.table(["apples", "oranges", "bananas"]);

打印单一参数类型（对象）

function Person(firstName, lastName) {this.firstName = firstName;this.lastName = lastName;
}
var me = new Person("John", "Smith");
console.table(me)

打印复合的参数类型（数组嵌套数组）

var people = [["John", "Smith"], ["Jane", "Doe"], ["Emily", "Jones"]];
console.table(people);

打印复合的参数类型（数组嵌套对象）

function Person(firstName, lastName) {this.firstName = firstName;this.lastName = lastName;
}var john = new Person("John", "Smith");
var jane = new Person("Jane", "Doe");
var emily = new Person("Emily", "Jones");console.table([john, jane, emily]);

var family = {};
family.mother = john;
family.father = jane;
family.daughter = emily;
console.table(family);

选择要显示的列

console.table([john, jane, emily], ["firstName"]);

自定义显示列的顺序

console.table([john, jane, emily], ["firstName", "lastName"]);

全网最全console命令解析总结相关推荐

android 8.0 ps 命令,全网最全adb命令 - osc_8exjk9uk的个人空间 - OSCHINA - 中文开源技术交流社区...
一.查看adb版本 adb version C:\Users\Administrator>adb version Android Debug Bridge version 1.0.41 Vers ...
linux ps 简书,史上最全ps 命令解析
进程状态 https://www.cnblogs.com/diegodu/p/9167671.html Linux进程状态:D (TASK_UNINTERRUPTIBLE),不可中断的睡眠状态. 与T ...
sonar入门：全网最全的概念解析与安装
sonar是一款代码检测工具,如果在开发过程中,想监控组员的代码书写是否正规,可以使用该工具.sonar提供了可视化界面(可以跟领导装x),是一款即实用,又能在公司显摆自己能力的工具.如果小伙伴们在公 ...
全网最全性能优化总结！！（冰河吐血整理，建议收藏）
大家好,我是冰河~~ 随着互联网的高速发展,互联网行业已经从IT时代慢慢步入到DT时代.对于Java程序员的要求越来越高,只是单纯的掌握CRUD以不足以胜任互联网公司的相关职位,大量招聘岗位显示:如果 ...
全网最全正则表达式总结（全新升级版），让你的工作效率事半功倍，赶快收藏，让代码写起来快的嗖嗖的~~
大家好,我是冰河~~ 我用了两天时间整理了这些工作用常用的正则表达式,小伙伴们拿走,不谢- 这次我把工作中总结的经常使用的正则表达式共享出来了,正是掌握了这些正则表达式,冰河平均每天比别人少写200行 ...
全网最全正则表达式总结，让你的工作效率事半功倍，赶快收藏
大家好,我是冰河~~ 我用了两天时间整理了这些工作用常用的正则表达式,小伙伴们拿走,不谢- 这次我把工作中总结的经常使用的正则表达式共享出来了,正是掌握了这些正则表达式,冰河平均每天比别人少写200行 ...
Flink 全网最全资源（视频、博客、PPT、入门、原理、实战、性能调优、源码解析、问答等持续更新）
Flink 学习 https://github.com/zhisheng17/flink-learning 麻烦路过的各位亲给这个项目点个 star,太不易了,写了这么多,算是对我坚持下来的一种鼓励吧 ...
Flink 全网最全资源（视频、博客、PPT、入门、实战、源码解析、问答等持续更新）...
Flink 学习 github.com/zhisheng17/- 麻烦路过的各位亲给这个项目点个 star,太不易了,写了这么多,算是对我坚持下来的一种鼓励吧! 本项目结构博客 1.Flink 从0 ...
我觉得是全网最全最好最有用的sed命令详解+示例
看了太多关于sed的介绍,但我觉得这篇写的最好,只看这一个就够了.本文对原文未做任何修改,只是重新排版.(由于用MD重新排版,可能有错误,如发现请指正或阅读原文.) 感谢原做者rick_grace 原 ...
冰河连夜复现了Log4j最新史诗级重大漏洞，含视频和完整案例代码，全网最全，赶快收藏吧
大家好,我是冰河~~ 周末与一些小伙伴交流的过程当中,发现一些小伙伴公司的项目中使用的Log4j版本还是2.14.0,我一听就有点震惊了:你们还在使用Log4j的2.14.0版本,这个版本存在重大漏洞 ...

全网最全console命令解析总结

全网最全console命令解析总结相关推荐

最新文章

热门文章