当前位置:首页 > TAG信息列表 > javascript简单加法计算器如何更优雅地调试Javascript?

javascript简单加法计算器如何更优雅地调试Javascript?

javascript简单加法计算器 如何更优雅地调试Javascript?

如何更优雅地调试javascript?

从我的文章拷贝过来的,可以简单看下(截图复制不过来,抱歉)

引言

在我们的日常开发中我们常常会遇到javascript的调试问题,而我们解决问题的传统解决方案就是使用大量的console.log或者console对象的其他方法,这会给我们带来很多不便,特别是遇到复杂问题的时候,可能会出现大量的console.log,当排查出问题之后我们又不得不在回头清除掉这些调试信息,这样大大降低了我们的工作效率。所以,我们有必要寻找更好的方案来解决javascript的调试问题,无疑,chrome的调试工具chromedevtools给我们带来了调试的遍历,下面我们一步步来学习一遍在devtools中调试的基本工作流程!

javascript简单加法计算器 如何更优雅地调试Javascript?

第一步:明确我们需要调试的位置

我们通过一节简单的案例来模拟一下,本案例来源于官网的调试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。

代码调试相量问题


金博天华 汇众网

  • 关注微信关注微信

猜你喜欢

热门标签

语音播报怎么设置 华为手机关闭人脸识别在哪里 苹果怎样把旧手机通讯录传新手机旧手机通讯录传新手机介绍 微信语音聊天电流声音解决办法 腾达路由器登录入口192.168.0.1 华为mate50卫星电话 Mysql查询结果排序 电子表格怎样查找姓名 filezilla设置下载目录介绍 苹果手机悬浮屏怎么设置苹果手机悬浮屏设置方法 电脑开机慢怎么查看开机启动项为什么电脑固态硬盘装了系统开机越来越慢?介绍 微信公众号的推广技巧有哪些一个新的微信公众号该怎么推广? 苹果浏览器访问限制在哪里设置safari浏览器怎么锁定? wlan版本手机不能用流量上网吗手机为啥只能用无线网络 苹果13pro屏幕失灵无法关机 qq隐藏会话会有消息提醒吗qq临时会话屏蔽了一个人消息群里还能收到吗? 手机怎么关联电脑qq手机连接不上电脑怎么办? iqoo手机相册照片删除怎么恢复 打印第二页的时候怎么显示表头两页表格转pdf怎么把表头设置到每一页? word空白页删不掉是什么原因 微信运动华为手机在哪里设置 如何支付宝不自动支付支付宝自动扣除电费怎么取消不了? qq群聊消息怎么恢复 cad中的不能清理的块怎么弄cad如何一下子删除不需要的插入的块?介绍 苹果怎么从icloud恢复通讯录 github怎么登录账号github手机怎么登录? 苹果怎么转移数据 图片换背景最简单方法手机屏幕背景怎么更换? 怎么加粗?介绍 天猫对没有备案凭证店铺如何处罚到天猫开医疗器械店要准备什么资料?

微信公众号