登录  /  注册
首页 > web前端 > js教程 > 正文

JavaScript中的console对象解析

一个新手
发布: 2017-09-23 10:44:17
原创
1550人浏览过

平常使用浏览器的开发者工具时仅用到了console.log(),今天在看一些资料时想到了看一看console对象的属性和方法,然后发现console中还有很多方便我们调试的方法;下边简要介绍。

console.clear()

清空控制台,只是显示上的清空,并不销毁之前控制台中创建的对象;清空后饭后“Console was cleared”.


console.assert()

该方法用于判断断言是否为真,如果为真无返回值,否则返回一些自定义的信息;使用方式一般包括两种;
第一种: console.log(assertion, obj1, obj2, … , objn);assertion为布尔表达式,为false时会将后边的object依次输出;

第二种: console.log(assertion, str);与第一种类似,不过这里的第二个参数为string类型;assertion为false时会报错;
这里写图片描述

console.group () && console.groupEnd()
登录后复制

可以使打印出的信息呈现树状结构,信息呈现更加清晰可读;其中console.group()用于创建一个分组,而console.groupEnd()则用于结束一个分组;
这里写图片描述

console.log()
登录后复制

这应该是最常用的了,实际上它还可以控制样式,并且可以像C语言一样进行格式化输出;支持的格式包括%d、%s、%f、%o,分别表示整数、字符串、浮点数和对象(包括整数、字符串、浮点数等各种类型);关于样式控制需要在加样式的字符串前加%c,然后在后边以字符串的形式给出具体样式;可以设置的样式包括font-size、color、font-style、text-decoration等各种样式;
这里写图片描述

console.table()
登录后复制

和console.group一样都是为了信息呈现更加易读,不同的是它是以表格形式呈现的;通常可以用于打印多维数组、JSON数据、object对象等;
这里写图片描述

console.trace()
登录后复制

可以打印出函数运行时堆栈的调用情况,个人觉得这对函数嵌套、闭包等的理解非常有帮助;
这里写图片描述

以上就是JavaScript中的console对象解析的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号