js中的console对象（读书笔记-阮一峰的js标准参考教程）

Posted 2020-07-02

阮老师的jstutorial：http://javascript.ruanyifeng.com/tool/console.html

console对象是JavaScript中的原生对象。主要用于：

• 显示网页代码运行时的错误信息。
• 提供了一个命令行接口，用来与网页代码互动。

1.浏览器实现：

• Elements：用来调试网页的HTML源码和CSS代码。
• Resources：查看网页加载的各种资源文件（比如代码文件、字体文件、css文件等），以及在硬盘上创建的各种内容（比如本地缓存、Cookie、Local Storage等）。
• Network：查看网页的HTTP通信情况。
• Sources：调试JavaScript代码。
• Timeline：查看各种网页行为随时间变化的情况。
• Profiles：查看网页的性能情况，比如CPU和内存消耗。
• Audits：提供网页优化的建议。
• Console：用来运行JavaScript命令。

2.console对象的方法。

　　log() :  1.可以接受多个参数，把他们连接起来。 

　　

/**
 * Created by ryder on 2016/4/1.
 */
function msg(name1 ,name2) {
    var who;
    console.log(‘hello‘);
    console.log(name1,"said to ",name2);
}
运行结果
msg(‘jack‘,‘rose‘);
 hello
 jack said to  rose

如果第一个参数是格式字符串（使用了格式占位符），console.log方法将依次用后面的参数替换占位符，然后再进行输出。

• %s 字符串
• %d 整数
• %i 整数
• %f 浮点数
• %o 对象的链接
• %c CSS格式字符串

var number = 11 * 9;
var color = ‘red‘;

console.log(‘%d %s balloons‘, number, color);
// 99 red balloons

console.log(‘%cbold‘,‘font-weight:900‘);

console的方法可以自定义，还不会！

本质上，log()方法是写入stdout，而warn() error()是写入strerr。

 

table() :某些复合数据，以表格形式展示。前提是复合数据必须有主键。如数组和对象。对于上面的数组来说，主键就是数字键。对于对象来说，主键就是它的最外层键。

dir() :dir方法用来对一个对象进行检查（inspect），并以易于阅读和打印的格式显示。

debugger();   

debugger语句必须与除错工具配合使用，如果没有除错工具，debugger语句不会产生任何结果。

在Chrome浏览器中，当代码运行到debugger指定的行时，就会暂停运行，自动打开控制台界面。它的作用类似于设置断点。

console.count（这个方法非常实用哦）当你想统计代码被执行的次数

console.dir(这个方法是我经常使用的 可不知道比for in方便了多少)直接将该DOM结点以DOM树的结构进行输出，可以详细查对象的方法发展等等

$_命令返回最近一次表达式执行的结果，$0  ----    $4  依次表示以前选择过的DOM节点，默认保存5个。

keys和values前者返回传入对象所有属性名组成的数据，后者返回所有属性值组成的数组