189 8069 5689
本篇文章给大家分享的是有关JavaScript中console.log() 方法如何使用，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。
“只有客户发展了，才有我们的生存与发展！”这是创新互联的服务宗旨！把网站当作互联网产品，产品思维更注重全局思维、需求分析和迭代思维，在网站建设中就是为了建设一个不仅审美在线，而且实用性极高的网站。创新互联对成都网站制作、成都网站建设、外贸营销网站建设、网站制作、网站开发、网页设计、网站优化、网络推广、探索永无止境。
ES6 的计算属性名称特别有用，因为它们可以通过在变量周围添加一对大括号来帮你识别的变量。
const x = 1, y = 2, z = 3; console.log({x, y, z}); // {x: 1, y: 2, z: 3}console.trac() 与 console.log() 完全相同，但它也会输出整个栈跟踪，能让你确切地知道到底发生了什么。
const outer = () => { const inner = () => console.trace('Hello'); inner(); }; outer(); /* Hello inner @ VM207:3 outer @ VM207:5 (anonymous) @ VM228:1 */console.group() 可以把日志分组为可折叠的结构，当有多个日志时特别有用。
console.group('Outer'); // 创建一个名为 'Outer' 的组 console.log('Hello'); // 在 'Outer' 组中输出日志 console.groupCollapsed('Inner'); // 创建一个名为 'Inner' 的组，折叠状态 console.log('Hellooooo'); // 在 'Inner' 组中输出日志 console.groupEnd(); // 结束当前组, 'Inner' console.groupEnd(); // 结束当前组, 'Outer' console.log('Hi'); // 在组外输出日志除了 console.log() 之外，还有其他一些日志记录级别，例如 [console.debug()](https://developer.mozilla.org/en-US/docs/Web/API/Console /debug)、 console.info()、 console.warn()和 console.error()。
console.debug('Debug message'); console.info('Useful information'); console.warn('This is a warning'); console.error('Something went wrong!');console.assert() 提供了一种简便的方法，仅在断言失败时将某些内容记录为错误(例如当第一个参数为 false 时)，否则完全跳过日志。
const value = 10; console.assert(value === 10, 'Value is not 10!'); // 不输出日志 console.assert(value === 20, 'Value is not 20!'); // 输出日志："Value is not 20!"
可以用 console.count() 来统计一段代码执行了多少次。
Array.from({ length: 4 }).forEach( () => console.count('items') // 名为 items 的计数器 ); /* items: 1 items: 2 items: 3 items: 4 */ console.countReset('items'); // 重置计数器console.time() 提供了一种快速检查代码性能的方法，但是由于精度较低，不可用于真正的基准测试。
console.time('slow comp'); console.timeLog('slow comp'); console.timeEnd('slow comp');最后一个，还可以在 console.log() 中用 %c 字符串替换表达式将 CSS 应用于日志的各个部分。
console.log( 'CSS can make %cyour console logs%c %cawesome%c!', 'color: #fff; background: #1e90ff; padding: 4px', '', 'color: #f00; font-weight: bold', '' );
以上就是JavaScript中console.log() 方法如何使用，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。