console的一部分进阶使用方式

概述    Console Console 对象可以接入浏览器控制台（如：Firefox 的 Web Console）。在不同浏览器上它的实现细节可能是不一样的。 Console 对象可以从任何全局对象中访问到，如 Window，WorkerGlobalScope 以及控制台属性中的特殊变量。它被定义为 Window.console，而且可直接通过 console 调用。     输出单个对象： co

 

 

Console

Console 对象可以接入浏览器控制台（如：firefox 的 Web Console）。在不同浏览器上它的实现细节可能是不一样的。

Console 对象可以从任何全局对象中访问到，如 Window，WorkerGlobalScope 以及控制台属性中的特殊变量。它被定义为 Window.console，而且可直接通过 console 调用。

 

 

输出单个对象：

console.log(‘xmsb‘);

输出多个对象：

console.info(‘first‘,‘ ‘,‘second‘);

自定义样式：

// 参考c语法: printf("%d%s",1,"xmsb");console.log(‘%c%s‘,‘background:#1296bd;color:#fff;padding:20px;border-radius:5px‘,‘xmsb‘);

 参数1为false时输出错误信息：

console.assert(true,‘xmsb1‘);console.assert(false,‘xmsb2‘);

 输出警告信息、错误信息：

// 输出警告信息 console.warn(‘xmsb‘);
// 输出错误信息console.error(‘xmsb‘);

定时器：

// 创建一个新的定时器console.time("定时器");// 通过d窗来延时alert("点击以继续");// 输出定时器记录的时长console.timeLog("定时器");

分组输出：

// group()和groupCollapsed()用于新增一个分组// 二者表现形式上的区别为groupCollapsed()创建的分组是默认折叠的// groupEnd()用于结束一个分组console.group()console.log(‘xmsb‘);console.group();console.log(‘1-1‘);console.log(‘1-2‘);console.groupEnd();console.groupCollapsed();console.log(‘2-1‘);console.log(‘2-2‘);console.groupEnd();console.groupEnd();

 

输出为表格：

var table = [[1,2,3],[11,21,31],[12,22,32]];console.table(table);

 

统计执行次数：

// countreset(‘labelname‘)用于重置指定label的次数;console.count(‘xm‘);console.count(‘xm‘);console.countreset(‘xm‘);console.count(‘xm‘);

清空信息并输出‘Console was cleared‘：

// 值得注意的是，在Google Chrome浏览器中，// 如果用户在设置中勾选了“Preserve log”选项，// clear()将不会起作用。 console.clear();

总结

以上是内存溢出为你收集整理的console的一部分进阶使用方式全部内容，希望文章能够帮你解决console的一部分进阶使用方式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。