最新要闻
- 猛A、强攻、弱受三类男性肌肉画法教程!一条龙服务从头教到脚!
- 环球微速讯:雅迪维权声明:一些单位和个人抄袭、仿造雅迪专利 将采取法律手段
- 速递!支付宝上线付款码隐私保护功能 已为付款码配了“五把锁”
- 环球最新:腾讯公布自研沧海芯片进展:大幅领先行业GPU 已量产投入数万片
- 上热搜!麦当劳外卖配送价太贵遭吐槽 人民网发文评论
- 当前简讯:世界首款!意大利科学家发明可食用电池
- 焦点消息!“人为失误”击落乌克兰客机致176人遇难,伊朗判处10名军人有期徒刑
- 天天快看:时长2小时15分钟!真人版《小美人鱼》主演地广海报来了 黑美人鱼美吗
- 48个月流畅!小米平板6开机就是MIUI Pad 14:光子引擎性能飙升
- 环球快看点丨1254MB暴力缓存!AMD 96核心超级旗舰霄龙9684X首次亮相
- 天天简讯:“网红裤”+平底鞋,今夏必穿 !巨显腿长巨时髦!
- 纯白外观质感绝了!小米13 Ultra白色版首度亮相:已中毒
- 今日报丨79元!米家多功能充电台灯发布:无可视频闪、一灯三用秒变手电筒
- 全球热资讯!普通工人月薪1万 五险一金心动?特斯拉上海工厂被爆恶意克扣绩效奖 员工不满
- 每日观察!游客淄博买饼被宰?网友转账补差价 Up主回应:感谢山东人的实在和热情
- 【世界聚看点】苹果每三天赚10亿美元! 马斯克大赞:领导力改变一切
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
放弃 console.log 吧!用 Debugger 你能读懂各种源码
很多同学不知道为什么要用 debugger 来调试,console.log 不行么?
(相关资料图)
还有,会用 debugger 了,还是有很多代码看不懂,如何调试复杂源码呢?
这篇文章就来讲一下为什么要用这些调试工具:
console.log vs Debugger
相信绝大多数同学使用 console.log 调试的,把想看的变量值打印在控制台。
这样能满足需求,但是遇到对象的打印就不行了。
比如我想看 webpack 源码里的 compilation 对象的值,我打印了一下:
但你会发现对象的值也是对象的时候不会展开,而是打印一个 [Object] [Array] 这种字符串。
更致命的是打印的太长会超过缓冲区的大小,terminal 里会显示不全:
而你用 debugger 来跑,在这里打个断点来看就没这些问题了:
有的同学可能会说,那打印一个简单的值的时候用 console.log 还是很方便呀。
比如这样:
真的么?
那还不如用 logpoint:
代码执行到这里就会打印:
而且没有污染代码,用 console.log 的话调试完之后这个 console 不也得删掉么?
但是 logpoint 不用,它就是个断点的设置,不在代码里。
当然,最重要的是 Debugger 调试是可以看到调用栈和作用域的!
首先是调用栈,它就是代码的执行路线。
比如这个 App 的函数组件,你可以看到渲染这个函数组件会经历 workLoop、beginWork、renderWithHooks 这些流程:
你可以点开调用栈的每一帧看下都执行了啥逻辑,用到啥数据。比如可以看到这个函数组件的 fiber 节点:
再就是作用域,点击每一个栈帧就可以看到每个函数的作用域中的变量:
可以看到调用栈来理清出错前都走了哪些代码,可以通过作用域来看到每一个变量的值。
有了这些东西,排查错误不就很轻松了么!
而你用 console.log 呢?
啥也没,只能自己猜。
由于本篇文章都是gif动图,今天上传太累了,要看全文,请点击以下链接:https://cybozudev.kf5.com/hc/community/question/34258651/
关键词:
-
放弃 console.log 吧!用 Debugger 你能读懂各种源码
很多同学不知道为什么要用debugger来调试,console log不行么?还有,会用debugger了,还是有很多代码...
来源: 放弃 console.log 吧!用 Debugger 你能读懂各种源码
memset函数
C# WPF数据绑定方法以及重写数据模板后数据绑定
Qt5.15.0 升级至 Qt5.15.9 遇到的一些错误
播报:如何利用 IP 归属地查询 API 精准锁定用户位置
猛A、强攻、弱受三类男性肌肉画法教程!一条龙服务从头教到脚!
本周日债发行规模升至近一个月高位
环球微速讯:雅迪维权声明:一些单位和个人抄袭、仿造雅迪专利 将采取法律手段
速递!支付宝上线付款码隐私保护功能 已为付款码配了“五把锁”
环球最新:腾讯公布自研沧海芯片进展:大幅领先行业GPU 已量产投入数万片
上热搜!麦当劳外卖配送价太贵遭吐槽 人民网发文评论
当前简讯:世界首款!意大利科学家发明可食用电池
世界观点:易基因:全基因组CpG密度和DNA甲基化分析方法比较(MeDIP、RRBS和WGBS)| 研究综述
全球焦点!布隆过滤器:后端开发者必学的知识点!
焦点消息!“人为失误”击落乌克兰客机致176人遇难,伊朗判处10名军人有期徒刑
天天快看:时长2小时15分钟!真人版《小美人鱼》主演地广海报来了 黑美人鱼美吗
48个月流畅!小米平板6开机就是MIUI Pad 14:光子引擎性能飙升
环球快看点丨1254MB暴力缓存!AMD 96核心超级旗舰霄龙9684X首次亮相
天天简讯:“网红裤”+平底鞋,今夏必穿 !巨显腿长巨时髦!
纯白外观质感绝了!小米13 Ultra白色版首度亮相:已中毒
今日报丨79元!米家多功能充电台灯发布:无可视频闪、一灯三用秒变手电筒
全球热资讯!普通工人月薪1万 五险一金心动?特斯拉上海工厂被爆恶意克扣绩效奖 员工不满
每日观察!游客淄博买饼被宰?网友转账补差价 Up主回应:感谢山东人的实在和热情
【世界聚看点】苹果每三天赚10亿美元! 马斯克大赞:领导力改变一切
世界滚动:JS中Map、WeakMap和Object的区别
从此告别写 SQL!DataLeap 帮你零门槛完成“数据探查”
要闻:官方:CBA公司及各俱乐部将深刻汲取教训
【播资讯】酱香科技过去式!中国移动市值超越贵州茅台成A股股王:加速千兆宽带
为五一假期调休:本周要上六天班 别忘定周日闹钟
硬核!马斯克母亲获得荣誉博士学位:目前经营一家营养企业
iPhone 11用户换Redmi Note 12 Turbo:妥妥的体验升级 再也不买苹果了
每日观察!余承东称2025年是汽车行业分水岭 专家:淘汰赛刚刚开始
微商城怎么注册?微商城和小程序商城有什么区别?
东莞电信的DNS是多少?东莞电信套餐资费一览表2023
联想K900跑分是多少?联想K900搭配的CPU是哪个厂商的?
ipad mini2可以升级到什么版本?ipad mini2参数配置
电信卡欠费多久会自动销户?电信卡用的手机制式是什么?
每日热文:MySQL 处理大数据表的 3 种方案,写的太好了,建议收藏!!
【全球速看料】Spring AOP官方文档学习笔记(二)之基于注解的Spring AOP
全球快资讯:exec 函数族 - 进程替换
今日看点:【创新突破 产业突围】周振宇带队前往陕西西安开展招商考察活动
全球热消息:小米13 Ultra官图公布:传承徕卡M系列相机设计 支持IP68
世界新消息丨埃安高管:特斯拉不是不能战胜 Hyper GT全面超越Model 3
简讯:2TB 1049元 1TB不到600:三星SSD/内存降价不买要涨价 国产存储顶上
售价17万的特斯拉要来了:谁开心、谁恐慌?
每日热点:ChatGPT之父辟谣:并未秘密训练GPT-5 短期内也不会
ST华英说明申请撤销其他风险警示相关情况
当前热文:明晚发布!小米13 Ultra外观正式揭晓:更像相机了
全球热头条丨毁经典!《海贼王》真人剧集口碑扑街:日漫原著粉在线声讨
全球讯息:余承东预言:2025年是汽车行业分水岭、像2013年的手机行业
苹果将于6月推出多款新品!苹果表将迎史上最大的软件更新
我国自研高性能兆瓦级PEM电解水制氢装备发布:国产化率超90%
环球即时看!维生素ABCDE的作用及功能主治(维生素abcde的作用及功能)
环球视讯![Flink] Flink作业报错:Caused by: The connector is trying to read binlog startin
每日热闻!央行圆桌汇:4月17日
今日报丨《百度智能驾驶开放白皮书》发布 面向车企开放四大能力
今头条!特斯拉中国工厂待遇如何?普通工人月薪1万块 父母看病都能报销
女子借朋友摩托车无证驾驶 在隧道“狂飙”拍抖音 朋友也惨了
世界快讯:真人版《小美人鱼》国内将上映!黑小美人鱼喊话自己可爱:我爱的人而战
全球百事通!全系800V高压、一体化铝压铸车身!小鹏SEPA 2.0扶摇架构发布
比原版多50分钟!真人版《小美人鱼》片长超2小时
热议:SoapUI使用教程-九五小庞
实时焦点:债市观察:做多情绪占优 收益率曲线平坦化下移
【读财报】制造主题基金2022年业绩透视:广发基金领亏 摩根基金净值跌幅最大
苹果设备不断要求输入Apple ID密码!客服回应:可尝试修改密码
环球今日讯!猿辅导被举报单日加班超6小时:上厕所需报备 时薪仅17元
当前快报:2022年全国共登记计算机软件著作权183.5万件:比十年前高12倍
全球快报:国内成品油零售价迎今年最大涨幅 加满多花70元:沙特俄罗斯减产 国际油价大涨
环球新资讯:卢谈G1:我们没有太多容错空间&不是试探性比赛 必须全力以赴
环球观点:学系统集成项目管理工程师(中项)系列08a_合同管理(上)
杭州萧山国际机场T3航站楼出现冒烟现象:无人受伤
天天视讯!今晚开始!国内成品油零售价迎今年最大涨幅:加满一箱多花20元
【全球报资讯】考研数据结构模板:顺序表、链表、栈、队列
世界热资讯!王一博、梁朝伟主演电影《无名》结束公映:85天票房9.31亿
热讯:RTX 4060 Ti、RTX 4060严重缩水:除了显存 还有一点没法看
天天视点!人类真是动物界最优秀的长跑运动员?别闹了
环球快报:一款车发布两年还没影!长城怎么这么难产?
当前聚焦:机械硬盘卖不动了 销量暴跌35%!三大品牌抱团哭惨
三代同堂!46岁皇马传奇古蒂升级当爷爷,22岁网红大女儿产下一子
天天关注:Node.js的安装以及配置npm全局模块路径和缓存路径
使用Sentieon加速甲基化(WGBS)分析
世界短讯!【明日方舟】4周年活动更新预测(第二版)
当前头条:4年不卡的骁龙8+旗舰来了!一加Ace 2原神限定版明天发:抢到赚到
全球视点!iOS 17控制中心将有大变化:有一批老设备不支持 将被淘汰
AMD、NVIDIA新一代显卡全部破发!次旗舰双双最惨
环球热议:扎实打牢数据结构算法根基,从此不怕算法面试系列之005 week01 02-05 使用自定义类测试我们前面实现的支持泛型的线性查找法
如何获取软件包的下载地址 wget curl
基于GPT3的代码编辑器Cursor试用-你的智能代码编辑助手
每日快播:React onBlur回调中使用document.activeElement返回body解决方案
世界观察:民营天龙二号液体火箭首飞成功:还隐藏了一个中国第一
天天看热讯:不知道这几点!你买电动牙刷就是花冤枉钱
世界热资讯!热泵干衣机被严重低估了!浑身都是宝
环球快播:致聂红的一封信
环球快报:2023上海车展丨这些即将首发的热门新车你一定不要错过!
云南泼水节白天是热闹夜晚是浪漫:市民游客共狂欢
员工回应公司发布高薪招聘老板公告:不是开玩笑
热推荐:java -- File类和递归
贾跃亭憋了九年的车终于量产?结果 又一张大饼!
环球快报:四边等宽的鸿蒙手机来了!华为nova 11明天发
潍坊风筝节放飞打工人的心声:引发网友热议