console使用手册

1,687 阅读4分钟
// 用于输出一个 js 对象列表* console.log(obj1 [, obj2, ..., objN);
//
// 一个 js 字符串,其中包含0或多个不同类型的替代字符串
// console.log('String: %s, Int: %d,Float: %f, Object: %o', str, ints, // floats, obj)
//
// 也支持模板字符串
// console.log(`temp的值为: ${temp}`)
console.log()/console.debug();

// assertion 为一个布尔表达式,如果 assertion 为 false,浏览器环境会向控制态输 // 出传入的内容,不中断代码执行,node 环境会导致一个 AssertionError 被抛出
// 中断执行代码
// obj1 [, obj2, ..., objN] 为输出的错误提示内容
// msg [, subst1, ..., substN] 同上.log()注释中介绍
// console.assert(assertion, obj1 [, obj2, ..., objN]);
// console.assert(assertion, msg [, subst1, ..., substN]);
console.assert();

// 清空控制台
// 非标准 JS 接口,尽量不要在生产环境使用
// 控制台显示的内容将会被一些信息替换,比如‘Console was cleared’这样的信息。
// 需要的注意的一点是在Google Chrome浏览器中,如果用户在设置中勾选了“Preserve // log”选项,console.clear()将不会起作用。 
console.clear();

// 如果有 label,此函数输出为那个指定的 label 和 count() 被调用的次数。
// 如果 label 被忽略,此函数输出 count() 在其所处位置上被调用的次数。
console.count([label]);

// 在控制台中显示指定JavaScript对象的属性,并通过类似文件树样式的交互列表显示
console.dir(object);

// obj1 ... objN 要输出的 JavaScript 对象列表。 这些对象的字符串形式按顺序加起
// 来然后输出。
// msg 一个字符串,它包含零个或多个替代字符串。
// subst1 ... substN  JavaScript 对象可以用此来替换msg里的替代字符串。你可以
// 控制输出的格式。
console.error()/console._exception();

// 向 Web 控制台输出一条警告信息。
// console.warn(obj1 [, obj2, ..., objN]);
// console.warn(msg [, subst1, ..., substN]);
// obj1 ... objN 要输出的 JavaScript 对象列表。 这些对象的字符串形式按顺序加起
// 来然后输出。
// msg 一个字符串,它包含零个或多个替代字符串。
// subst1 ... substN  JavaScript 对象可以用此来替换msg里的替代字符串。你可以
// 控制输出的格式。
console.warn();

//向Web控制台输出一个堆栈跟踪.
console.trace();

// 非标准 JS 接口,尽量不要在生产环境使用
// 向浏览器的 Performance 或者 Waterfall 工具添加一个标记。这样可以让你将代码中
// 的一个点和其他在时间轴上已记录的事件相关联,例如布局事件和绘制事件等。
// 你可以选择用一个参数来作为时间戳标签,然后标记旁边就会显示这个标签。
console.timeStamp([label]);

// 你可以启动一个计时器(timer)来跟踪某一个操作的占用时长。每一个计时器必须拥有
// 唯一的名字,页面中最多能同时运行10,000个计时器。当以此计时器名字为参数调用 
// console.timeEnd() 时,浏览器将以毫秒为单位,输出对应计时器所经过的时间.
console.time(timeName);
console.timeEnd(timeName);

// 将数据以表格的形式显示
// 这个方法接收一个强制的参数,它必须是一个数组或者是一个对象,还可以接受一个额外的
// 参数描述表格的列数。
// 它把数据以table的形式打印出来, 在数组中的每一个元素(或对象中可枚举的属性)将会
// 以行的形式显示在table中。
// table的第一列是index。如果数据是一个数组,那么值就是索引。 如果数据是一个对象,
// 那么它的值就是属性名称。 注意(在FireFox中)console.table 被限制了不能显示超
// 过1000行(第一行用来标记索引)。
console.table(data [, columns]);

// 向web控制台输出一个通知信息。在Firefox和Chrome中,web控制台的日志中的项目旁边 
// 会显示一个小的‘I‘图标
// console.info(obj1 [, obj2, ..., objN]);
// console.info(msg [, subst1, ..., substN]);
// obj1 ... objN 要输出的 JavaScript 对象列表。 这些对象的字符串形式按顺序加起
// 来然后输出。
// msg 一个字符串,它包含零个或多个替代字符串。
// subst1 ... substN  JavaScript 对象可以用此来替换msg里的替代字符串。你可以
// 控制输出的格式。
console.info();

console.profile();

console.profileEnd();

// 在 Web控制台上创建一个新的分组.随后输出到控制台上的内容都会被添加一个缩进,表示该
// 内容属于当前分组,直到调用console.groupEnd()之后,当前分组结束.
console.group();
console.groupEnd();
//和 console.group()方法的不同点是,新建的分组默认是折叠的.用户必须点击一个按钮才
// 能将折叠的内容打开.
console.groupCollapsed();