JavaScript中控制台输出信息的方法
JavaScript中控制台输出信息的方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>控制台输出信息</title>
</head>
<body>
<script>
// 输出信息
console.log('Web前端开发');
console.info('Web前端开发');
console.error('Web前端开发');
console.warn('Web前端开发');
// 输出调试，只能在IE浏览器中看到效果，
// 在Chrome和Firefox看不到效果
console.debug('这是一行文字');
// 输出对象的层次结构
let oBody = document.body;
console.dir(oBody);
// 输出数据表格化
let students = [
{
name: '张三',
email: 'zhangsan@163.com',
qq:12345
},
{
name: '李四',
email: 'lisi@163.com',
qq:12345
},
{
name: '王五',
email: 'wangwu@163.com',
qq: 12345
}
];
console.table(students);
let person = {
name: 'Jhon',
age: 20,
say: function(){
console.log(`{this.name}很帅！`);
}
};
console.table(person);
// 统计代码执行时间
console.time('统计总循环时间');
for (let i = 0, count = 0; i <=99999; i++){
count++;
}
console.timeEnd('统计总循环时间');
// 分组输出信息
console.group('前端1组');
console.log('前端1组-2');
console.log('前端1组-3');
console.log('前端1组-4');
console.groupEnd();
// 统计代码执行的次数
function testFn(){
console.count('当点函数被调用的次数');
}
testFn();
testFn();
testFn();
for (let i = 0; i <= 5; i++){
console.count('for循环执行次数');
}
// 当表达时为false时，输出信息
let flag = false;
console.assert(flag, '当flag为false时才输出');
// 用来跟踪函数的调用轨迹
let x = fn3(1, 2);
function fn3(a, b){
return fn2(a, b);
}
function fn2(a, b){
return fn1(a, b);
}
function fn1(a, b){
return fn(a, b);
}
function fn(a, b){
console.trace();
return a + b;
}
// 清除控制台所有内容
// console.clear()
</script>
</body>
</html>
最后的结果为：
原文地址：https://blog.csdn.net/u011549040/article/details/144359773
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！