如何更优雅地调试javascript？
从我的文章拷贝过来的，可以简单看下(截图复制不过来，抱歉)
引言
在我们的日常开发中我们常常会遇到javascript的调试问题，而我们解决问题的传统解决方案就是使用大量的console.log或者console对象的其他方法，这会给我们带来很多不便，特别是遇到复杂问题的时候，可能会出现大量的console.log，当排查出问题之后我们又不得不在回头清除掉这些调试信息，这样大大降低了我们的工作效率。所以，我们有必要寻找更好的方案来解决javascript的调试问题，无疑，chrome的调试工具chromedevtools给我们带来了调试的遍历，下面我们一步步来学习一遍在devtools中调试的基本工作流程！
第一步：明确我们需要调试的位置
我们通过一节简单的案例来模拟一下，本案例来源于官网的调试demo，其中代码如下
然后是index.js
代码的本意是要做一个简单的加法，但是我们运行看下结果：
显然执行结果是错误的，结果应该是33，我们假设这就是我们在开发中遇到的问题
第二步：打开chrome的调试面板
commandoptioni(mac)或controlshifti（windows、linux）或者f12
点击source标签，source有三块面板
从左依次是
filenavigator窗格。此处列出页面请求的每个文件。
codeeditor窗格。在filenavigator窗格中选择文件后，此处会显示该文件的内容。
javascriptdebugging窗格。检查页面javascript的各种工具。如果devtools窗口布局较宽，此窗格会显示在codeeditor窗格右侧。
使用断点暂停代码
通常我们会在这写console.log,打完断点我们在填入两个数字提交
我们的代码在断点处暂停了，很直观的能看到我们需要看的变量值，简单来说就是断点可以快速方便的查看值，有时候我想单步调试代码，直接f10就行了，想进入到函数中按f11，我们调试到这和我们猜想的一样，由于是字符串那么号就意味着连接，也就造成了错误的结果。
使用控制台直接求值
我认为这是最值得赞一波的功能，因为我们可以直接在控制台输入变量或者表达式或者执行一个函数,我们打开console标签，输入以下内容，前提是我们在之前那个地方打了断点
我们可以执行我们需要执行的函数和表达式，然后也正确的看到了结果，知道的人可能觉得没什么，但是不知道的人可能觉得这个功能非常nice，或者你可以直接修改代码保存后在执行，同样知道了结果，而不必再到编辑器修改，调试正确后直接复制过去即可
总结
本文就是想通过简单的案例介绍来改变下我们传统的js调试，目的就是为了提升工作效率，当然也有很多其它调试javascript，比如webstorm，vscode安装debugforchrom
电路向量法计算公式？
电流电路的向量就是正弦电压或电流的向量形式。比如i：√2ucos（wt60°）的向量形式就是iu∠60°
设并联支路电压为uc（相量）uc∠0°，则i2（相量）i2∠90°10∠90°。uc（相量）i2（相量）×（-jxc）10∠90°×（-j1）10∠90°×1∠-90°10∠0°（v）。ir（相量）uc（相量）/r10∠0°/110∠0°（a）。kcl：i（相量）ir（相量）i2（相量）10∠0°10∠90°10j1010√2∠45°（a）。
电路的阻抗：|z||us（相量）/i（相量）|us/i（10/√2）/10√20.5（ω）。并联支路阻抗：z11∥（-j1）-j1/（1-j1）0.5-j0.5（ω）。设xlωl，则：zjxlz1jxl0.5-j0.50.5j（xl-0.5）。|z|20.52（0.5-xl）20.52。所以：xl0.5（ω）。
因此：ul（相量）i（相量）×jxl10√2∠45°×j0.55√2∠135°-5j5（v）。kvl：us（相量）ul（相量）uc（相量）-5j5105j55√2∠45°（v）。显然：10/√25√2us。
原文标题：javascript简单加法计算器 如何更优雅地调试Javascript？，如若转载，请注明出处：https://www.wmyjt.com/tag/15158.html
免责声明：此资讯系转载自合作媒体或互联网其它网站，「共道号」登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述，文章内容仅供参考。
微信扫一扫
相关推荐
-
到手分析乔丹运动板鞋质量曝光？想入手需要注意什么
到手分析乔丹运动板鞋质量曝光？想入手需要注意什么？有人评价说这款乔丹运动板鞋自己的小白鞋正好要换了，看到这个做活动，价格很便宜，外形外观看着很喜欢，穿上也很舒服...
-
入手比较炊大皇煎锅质看真实？用了二周感受告知
入手比较炊大皇煎锅质看真实？用了二周感受告知？有人评价说这款炊大皇煎锅京东物流一级棒，昨天晚上下单，今早就收到货了，打开箱子取出货，眼前一亮，太爱了，这锅太漂亮...
-
实情点评Hero电动磨豆机质量曝光？入手半个月真相分享
实情点评Hero电动磨豆机质量曝光？入手半个月真相分享？有人评价说这款Hero电动磨豆机做工品质：包装精致送礼很好看，也有人评论说它第一次在京东上购买咖啡器具价...
-
未来选择评测渔之源（Yuzhiyuan）钓椅评测感觉真的好吗，图文评测曝光
未来选择评测渔之源（Yuzhiyuan）钓椅评测感觉真的好吗，图文评测曝光？有人评价说这款渔之源（Yuzhiyuan）钓椅除了重一点绝对物超所值，裸椅比参数标的...
-
上避孕环要多少钱(上避孕环多少钱)
上避孕环要多少钱？本篇文章给大家谈谈上避孕环要多少钱，以及节育针女性一针多少钱、上避孕环要多少钱？上环后的不良反应？未婚女性可以上避孕环吗？、妇幼保健院上环的价...
-
喜宴酒席(喜宴酒席布置图)
四川同事第一次吃广东喜酒，随礼500元，看到菜上齐后，一大桌菜也没吃几口，她：亏大了！感觉最近还真的是喜事连连，话说中午才在大姑家吃了农村的喜酒，今天晚上同事又...