最新要闻
- 视点!锂价跌破25万“生死线”,锂矿停产挺价?宜春锂业三巨头澄清,传闻不靠谱!
- 每日简讯:FIFA国家队排名:国足下降至81位 美加墨世界杯出线有希望
- 还有谁!比亚迪ATTO 3连续5个月蝉联以色列全系单车销冠
- 环球热点!网友点赞小米之家:线下免费送父母智能手机使用指南 还教用微信
- 全球快资讯丨苹果虚拟现实头显设备即将到来!果粉不感兴趣
- 【天天报资讯】不妙!国内油价预计大涨0.4元/升 4月17日起调整
- 每日聚焦:为节约开支 英国打算用驳船“装”移民
- 每日看点!首搭长城Hi4电四驱 哈弗枭龙MAX官图发布:博主直言价格合理必卖爆
- 大疆Mavic 3 Pro无人机曝光:升级三枚摄镜头 奔着2万元去了
- 上百人进山挖黄金引网友围观!官方回应:挖的是昆虫 被称“土黄金”
- 世界即时看!马斯克74岁超模妈妈参观特斯拉上海超级工厂:夸赞制造完美、质量过硬
- 革命性全彩电子纸问世:媲美最先进纸质印刷品 明年量产上市
- 环球报道:不管车贵不贵,十万里程后,此3种零件该换就换,别省钱关乎生命
- 为蹭车位男子当街换车牌被罚5000:驾照十二分也没了
- 当前热文:苹果服务器再出故障:iCloud、iMessage崩了
- 世界今头条!曾传乐视靠《甄嬛传》活着 乐视将推85英寸甄嬛传限量电视
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
世界视讯!记录-关于console你不知道的那些事
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助
了解 console
●什么是 console ?
console 其实是 JavaScript 内的一个原生对象
(资料图)
内部存储的方法大部分都是在浏览器控制台输出一些内容
并且还提供了很多的辅助方法
●最常见的 console
我们在开发中, 其实很多时候还是用到 console 的
尤其是在学习的过程中
但是我们大多只是使用一个 console.log()
其他的大家可能了解的比较少
● 全部的 console
○你可曾想过, console 真的只有一个 log 吗 ?
●接下来咱们就详细介绍一些 cosnole 里面的内容
上面的不重要, 看看得了
console.log
●这个不用多说了, 只要你还是一个程序员
●或者你是个预备程序员, 你都不可能不知道 log 这个方法
●语法: console.log("内容")
●作用: 在浏览器控制台输出一段内容
console.log("hello world")
你真的了解全部的 console.log 吗 ?
1. 多个参数
●首先, console.log() 这个方法可以传递多个参数
●并且会把这些个参数在一起输出
2. 占位符
●在输出的内容中, 是可以添加占位符的
●来不及解释了, 直接上车吧
●例子 :
●这是个什么玩意 ? 为什么会这样呢 ?
●既然你诚心诚意的发问了, 那可爱又迷人的我就大发慈悲的告诉你
○当第一个参数内有 占位符 的时候
○那么后面的参数会按照顺序依次填充占位符
○多出来的才会直接输出
不就是一个占位符吗, 太鸡肋了
●谁说我们只能添加一个占位符
●我们命名可以添加很多个占位符的, 后面按照顺序依次插入内容
我是说不就一个吗, 太鸡肋了
我是说不就一个吗, 太鸡肋了
●谁说我们就一个占位符的, 我们有好多个占位符的
○%s : 字符串
○%d : 整数
○%f : 浮点数
○%o : 对象的连接
○%c : css 格式字符串
●注意哦 : 当你需要使用的时候, 要把数据和占位符对应哦, 不然解析会出现问题的
按照规则规规矩矩的填充才是最好的
●你看好不好玩, 可以设置各种各样的 css 样式
这个并不重要, 了解一下就行
console.info
●这个方法基本和 log 是一样的, 就是打印信息
●并且占位符的用法也是一样的
console.debug
●抱歉, 这个用法和 log 也是一样的
●换句话说, 你可以吧 log , info , debug 当做成一个东西来使用
●因为 log 可能字母更少, 所以用的更多
最简单的话解释, info 和 debug 你不知道也没事
console.dir
●这个和 log 很像, 但是又不一样
●PS : 你说了什么, 又好像什么都没说
有些数据, 他的表现形式和对象本身是不一样的
比如 函数function fn() {}
表现出来就是一个函数的样子, 有个小括号写参数, 有个大括号写代码段
但是本身的对象属性不是这样的, 而是
{
name: "fn",
...
}
因为函数本身也是个对象
再比如 DOM对象 div
表现出来的是
这样的标签但是本身的对象属性不是这样的, 而是
{
tagName: "div",
...
}
●所以, 这个时候, log 和 dir 的区别就出现了
○log : 是为了在控制台打印出一些信息, 主要用作提示作用
○dir : 是为了在控制台打印该对象的所有属性和方法
●最简单的说
○如果你想看到一个内容的表现形式, 那么你就使用 log
○如果你想看到一个内容最详细的所有信息, 那么你就使用 dir
这个也不重要, 不知道也没事
console.table
●我们有时候经常会打印一些对象数据类型, 这时候就会出现问题了
●因为浏览器解析引擎的执行顺序问题
○先打印对象, 后添加内容
○但是你打印出来看到的内容会有后添加的内容
○你看, 我们明明是后添加的 age 属性, 但是在前置打印的 obj 对象内依旧看到了
○这就会导致一个问题, 有的时候我们在打印的时候, 明明看到了内容
○但是一旦我去获取, 拿到的就是 undefined
○导致我的代码出现问题
●那可怎么办呢 ?
○不如改用 table 试试看
○他其实就是用表格的形式显示你对象内的所有内容, 并且是实时显示
●这样的话, 不光看的清楚, 而且不会出现错乱的情况
不过话说回来, 这个并不重要
console.count
●这是个非常有意思的东西
●看名字就知道, 这是一个类似计数器一样的打印
●没错, 就是一个计数器打印
用法一 : 基础使用
●语法: console.count()
●作用: 会依次叠加你的输出次数, 默认标记叫做 default
console.info
●这个方法基本和 log 是一样的, 就是打印信息
●并且占位符的用法也是一样的
console.debug
●抱歉, 这个用法和 log 也是一样的
●换句话说, 你可以吧 log , info , debug 当做成一个东西来使用
●因为 log 可能字母更少, 所以用的更多
最简单的话解释, info 和 debug 你不知道也没事
console.dir
●这个和 log 很像, 但是又不一样
●PS : 你说了什么, 又好像什么都没说
有些数据, 他的表现形式和对象本身是不一样的
比如 函数function fn() {}
表现出来就是一个函数的样子, 有个小括号写参数, 有个大括号写代码段
但是本身的对象属性不是这样的, 而是
{
name: "fn",
...
}
因为函数本身也是个对象
再比如 DOM对象 div
表现出来的是
这样的标签但是本身的对象属性不是这样的, 而是
{
tagName: "div",
...
}
●所以, 这个时候, log 和 dir 的区别就出现了
○log : 是为了在控制台打印出一些信息, 主要用作提示作用
○dir : 是为了在控制台打印该对象的所有属性和方法
●最简单的说
○如果你想看到一个内容的表现形式, 那么你就使用 log
○如果你想看到一个内容最详细的所有信息, 那么你就使用 dir
这个也不重要, 不知道也没事
console.table
●我们有时候经常会打印一些对象数据类型, 这时候就会出现问题了
●因为浏览器解析引擎的执行顺序问题
○先打印对象, 后添加内容
○但是你打印出来看到的内容会有后添加的内容
○你看, 我们明明是后添加的 age 属性, 但是在前置打印的 obj 对象内依旧看到了
○这就会导致一个问题, 有的时候我们在打印的时候, 明明看到了内容
○但是一旦我去获取, 拿到的就是 undefined
○导致我的代码出现问题
●那可怎么办呢 ?
○不如改用 table 试试看
○他其实就是用表格的形式显示你对象内的所有内容, 并且是实时显示
●这样的话, 不光看的清楚, 而且不会出现错乱的情况
不过话说回来, 这个并不重要
console.count
●这是个非常有意思的东西
●看名字就知道, 这是一个类似计数器一样的打印
●没错, 就是一个计数器打印
用法一 : 基础使用
●语法: console.count()
●作用: 会依次叠加你的输出次数, 默认标记叫做 default
用法二 : 传递标记参数
●语法: console.count("标记")
●你也可以传递一个参数来做标记
○不同的标记会产生新的计数起点
○并且互相并不干扰
●看到了没, 以后在想用计数器, 就不需要自己去定义变量了, 直接用这个就可以了
不过这个也没那么重要, 用不用无所谓
console.countReset
●这个就不用解释了吧
●不不不, 你还是解释一下吧
●你确定吗 ? 这不仅是侮辱我, 还是在侮辱我的智商
●你 TM 侮辱我半天了
●其实很简单的, 就是把刚才 console.count 的计数归零而已
○毕竟 reset 翻译过来叫做重置
●老子知道, 能不能快到上演示, 别逼我动手
●直接看演示吧
●顺便和你说一下, 不光默认的计数器可以清除, 带标记的也可以哦
●不用你说, 老子知道, 这个又不重要了是吧
●没有没有, 不过实话实说, 只不过用处没那么大而已
用法一 : 基础使用
●语法: console.count()
●作用: 会依次叠加你的输出次数, 默认标记叫做 default
用法二 : 传递标记参数
●语法: console.count("标记")
●你也可以传递一个参数来做标记
○不同的标记会产生新的计数起点
○并且互相并不干扰
●看到了没, 以后在想用计数器, 就不需要自己去定义变量了, 直接用这个就可以了
不过这个也没那么重要, 用不用无所谓
console.countReset
●这个就不用解释了吧
●不不不, 你还是解释一下吧
●你确定吗 ? 这不仅是侮辱我, 还是在侮辱我的智商
●你 TM 侮辱我半天了
●其实很简单的, 就是把刚才 console.count 的计数归零而已
○毕竟 reset 翻译过来叫做重置
●老子知道, 能不能快到上演示, 别逼我动手
●直接看演示吧
●顺便和你说一下, 不光默认的计数器可以清除, 带标记的也可以哦
●不用你说, 老子知道, 这个又不重要了是吧
●没有没有, 不过实话实说, 只不过用处没那么大而已
console.warn
●这个没啥可说的, 也是打印信息
●只不过是以 警告 的形式出现打印的信息
console.error
●和上面的一样, 也是打印信息
●只不过是以 报错 的形式出现打印的信息
console.assert
●这个和上面一个也差不多
●同样是出现一个错误信息
●只不过, 他需要两个参数, 根据第一个参数的对错来决定是否出现错误信息
●你 TM 是有病吗 ?
●是嫌我代码报的错不够多吗 ?
●是来恶心我的吗 ?
如果你觉得没用, 那就当没看过就好了
不重要, 不重要
console.clear
●最后一个了
●这个我就不说了, 你自己去体会一下吧
本文转载于:
https://juejin.cn/post/7218032493656064061
如果对您有所帮助,欢迎您点个关注,我会定时更新技术文档,大家一起讨论学习,一起进步。
关键词:
-
世界今头条!半天时间写完一个案例,循序渐进的掌握uni-app,使用uni-app完成一个简单项目——新闻列表
一、创建项目uni-app& 160;是一个使用& 160;Vue js& 160;开发所有前端应用的框架,开发者编写一套代...
来源: 世界视讯!记录-关于console你不知道的那些事
世界今头条!半天时间写完一个案例,循序渐进的掌握uni-app,使用uni-app完成一个简单项目——新闻列表
焦点速讯:【财经分析】多空因素交织博弈 债市尚无近忧仍有远虑
视点!锂价跌破25万“生死线”,锂矿停产挺价?宜春锂业三巨头澄清,传闻不靠谱!
每日简讯:FIFA国家队排名:国足下降至81位 美加墨世界杯出线有希望
还有谁!比亚迪ATTO 3连续5个月蝉联以色列全系单车销冠
环球热点!网友点赞小米之家:线下免费送父母智能手机使用指南 还教用微信
全球快资讯丨苹果虚拟现实头显设备即将到来!果粉不感兴趣
【天天报资讯】不妙!国内油价预计大涨0.4元/升 4月17日起调整
报道:Mysql LOAD DATA读取客户端任意文件
python中动态导入文件的方法
小程序容器助力企业小程序开放平台打造
每日动态!记录一次小程序中讨厌的拍照上传的优化
世界热讯:开心档之C++ 多态
每日聚焦:为节约开支 英国打算用驳船“装”移民
每日看点!首搭长城Hi4电四驱 哈弗枭龙MAX官图发布:博主直言价格合理必卖爆
大疆Mavic 3 Pro无人机曝光:升级三枚摄镜头 奔着2万元去了
上百人进山挖黄金引网友围观!官方回应:挖的是昆虫 被称“土黄金”
世界即时看!马斯克74岁超模妈妈参观特斯拉上海超级工厂:夸赞制造完美、质量过硬
革命性全彩电子纸问世:媲美最先进纸质印刷品 明年量产上市
即时:图解 SQL 执行顺序,通俗易懂!
网上说低代码的一大堆,JNPF凭什么可以火?
环球报道:不管车贵不贵,十万里程后,此3种零件该换就换,别省钱关乎生命
为蹭车位男子当街换车牌被罚5000:驾照十二分也没了
当前热文:苹果服务器再出故障:iCloud、iMessage崩了
世界今头条!曾传乐视靠《甄嬛传》活着 乐视将推85英寸甄嬛传限量电视
当前快播:徕卡超大杯首次进军海外!小米13 Ultra将全球上市
焦点速递!89元 小米米家电动牙刷T200C发布:Type-C充电 续航25天
当前热文:W1R3S
天天热讯:数位dp
今日看点:kill 进程时遇到的一件有意思的事情
焦点速讯:黑夜传说演员表_传说演员表
全球新动态:比尔·盖茨反击马斯克:暂停AI的发展并不能解决问题
每日报道:比亚迪海龙等4款超跑概念图亮相!你觉得哪款最帅?
环球讯息:长城汽车:一位新能源砖家 利润高可能是因为新能源卖的差
狠人!印度一男子爬火车摸25000伏高压电 瞬间成火球吓坏网友
重点聚焦!104MB缓对锐龙7 7800X3D核显无用:鸡血提升不存在
全球热资讯!SpringBoot中如何编写一个优雅的限流组件?
环球今热点:一文快速了解火山引擎 A/B 测试平台
小程序对接三方插件契约锁
【全球新视野】真的有那么好?试完深蓝SL03我明白了
诺基亚E72i手机什么时候上市的?诺基亚E72i手机参数
摩尔庄园怎么获得桑叶?摩尔庄园怎么收获农作物?
龙之谷白屏是怎么回事?龙之谷白屏怎么解决?
天天观点:四年创收20亿美元!微软XGP PC用户突破1500万
大神出手!安卓14/骁龙8 Gen2双双被破解:一键ROOT
南非一客机驾驶舱惊现剧毒眼镜蛇往人身上爬 飞行员神勇应对:平安降落
闲鱼曝光率突然下降怎么办?闲鱼曝光率怎么提高?
闲鱼对方被处置能回复消息吗?闲鱼对方被处置能正常发货吗?
全球热文:某公司技术经理媚上欺下,打工人应怼尽怼,嘤其鸣兮,求其友声!
焦点讯息:用上这几种.NET EF Core性能调优,查询性能飙升
全球今日讯!石家庄:医师资格考试报名材料即将发放
天天观热点:老司机不刹车?特斯拉潮州事故车主不服鉴定 车顶维权女车主:厂商应公开完整数据
世界聚焦:为救高烧幼童 高铁破例停车2分钟
【独家】你敢体验吗?菲律宾推出网红蟒蛇按摩服务:40元享受30分钟
AI抢饭碗成真!近500家企业用ChatGPT取代员工:有公司省超10万美元
世界头条:苏炳添回应手机从小米换成苹果:合约已到期 旧手机摔坏了
【世界快播报】K8S学习圣经6:资源控制+SpringCloud动态扩容原理和实操
环球热议:顶象受邀加入“数字政府网络安全产业联盟”
Blender插件:Muscle System
天天短讯!两单REIT业绩说明会首次在上海证券交易所成功举办
世界热消息:招商银行信用卡网银(中国邮政储蓄余额查询)
焦点精选!什么情况?马自达要给CX-50征集中文名:越境、行也、俊驰、览乐你投谁
全球即时看!工资六千的岗位面试了6轮!女生发视频吐槽
世界观点:TikTok回应英国政府巨额罚款:乐见罚款大幅度降低
李国庆称羡慕周鸿祎离婚:没争夺控制权 你就乐吧
嫦娥五号采集月壤立功:中国科学家刷新月球死亡时间
环球资讯:EasyMR 安全架构揭秘:如何管理 Hadoop 数据安全
小程序容器助力组装移动银行超级APP
【环球报资讯】GPS北斗卫星时钟服务器在飞机场内网中的应用
和讯个股快报:2023年04月06日 紫天科技(300280),该股K线呈现“乌云盖顶”形态
头条:24小时长效锁水 妮维雅男士精华露39.9元狂促:送洁面乳50gx2
车市“价格战”开打一月:新车销量未回暖 二手准新车被坑惨
速递!杨元庆:联想过去三年营收增长1100亿 PC业务还是第一
焦点快报!游客开车陷进沙滩:拖车开口要价5千 待会涨潮至少要5万
环球动态:最快6月2日早就能玩到!《暗黑4》全球解锁时间公开
世界视点!清明时节祭祖扫墓 “小三通”客运航线往来忙碌
每日短讯:全网最详细中英文ChatGPT-GPT-4示例文档-会议笔记文档智能转摘要从0到1快速入门——官网推荐的48种最佳应用场景(附python/node.
世界即时:Linux在游戏界的口碑树立
前端设计模式——MVC模式
福岛核电站1号机组底座受损严重!日本民众集会反对核污水排海
环球新消息丨特斯拉发布“宏图计划3”完整文件 10万亿美元改变地球
形似“摄魂怪” 澳大利亚悉尼惊现破片云:颜色漆黑、预示狂风暴雨
全球今热点:Redmi Note 12 Turbo好评率99%!卢伟冰:得到极大认可 把竞品甩在后面
快看点丨划时代产品!特斯拉新款小型电动汽车公布 目标销量4200万辆
世界速读:我2022年8月18月去医院做牙齿矫正,但是我只交了定金,后续也没拿到牙套
SpringBoot如何进行限流,老鸟们还可以这样玩!
环球微资讯!Podman Compose 新手指南
环球今热点:美国ADP就业数据不及预期 暗示劳动力需求降温
焦点快报!深赛格:融资净买入132.4万元,融资余额1.03亿元(04-04)
天天报道:中国为何未研制出ChatGPT?中科院包云岗:需要优秀技术团队、雄厚资金
苏炳添用iPhone 14引热议 本人回应:与小米合约到期 手机摔坏才换
大妈捡手机要好处费2包烟见面变500元被吐槽:你捡到会痛快归还吗?
焦点速读:NV不愁卖!2023年PC游戏硬件市场继续萎缩:AMD、Intel显卡要打对折卖
每日资讯:沪广深去年公积金个贷降两成 今年超60地优化公积金政策
天天速递!科技伦理审查提速 AI“变坏”设防
天天最资讯丨核污水将倒入大海 降低水产品辐射分析精度!日本1.8亿粒扇贝不明原因死亡
世界快看:64位才是王道!《英雄联盟》13.7版本今日更新:32位Win系统续一条命
汽车仪表盘显示感叹号加个圆圈_汽车仪表盘显示感叹号
【天天报资讯】读SQL进阶教程笔记10_HAVING下