当前位置:首页 > 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。

代码调试相量问题


金博天华 汇众网

  • 关注微信关注微信

猜你喜欢

热门标签

盒子创意画图片 联想笔记本开机需要pin怎么取消 桌面时间移除了怎么添加 ps找不到知名的或无效的jpeg介绍 iphone自带地图怎么设置语音种类iPhone自带地图语音设置教程介绍 群主怎样踢人出群不会被发现 怎样让多闪和抖音同步私信介绍 app通知历史怎么查看介绍 ps怎么制作图章 excel表格打印两列 苹果手机丢失怎么把数据传到新手机上 电脑突然连不上网了 中国联通怎么样查话费 微信添加整套表情怎样删掉手机微信里的保存表情怎样才能删除?介绍 excel表格怎么在每列设置筛选如何设置筛选选项内容? 手机看东西没弹幕了怎么回事腾讯看电视怎么没有了弹幕开关?介绍 wps批量替换内容wps批量另存excel文件? 扫描仪多页怎么扫描为一张pdf京瓷m1025dpn扫描怎么多页扫描一个文件?介绍 极点五笔输入法设置在哪里 小米笔记本小米电视如何设置投屏小米电视怎么投屏? 华为手机查找耗电详情从哪里找华为系统自带电池检测? 如何支付宝不自动支付支付宝自动扣除电费怎么取消不了?介绍 怎样打印每页既有表头也有表尾excel表尾的内容如何每页都打印? onenoteforwindows10可以卸载嘛windows商店应用哪些可以删? 淘宝店铺好评方法怎么在淘宝店铺看全部评价?介绍 爱奇艺会员怎么设置多人用手机手机版爱奇艺家庭成员账号怎么登陆?介绍 小鸟壁纸app excel考勤表汇总数据按月切换excel考勤表统计怎么显示05? qq头像显示不出来是怎么回事我的头像为何在手机上不显示? 微信零钱支付当日限额怎么解除限制

微信公众号