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

代码调试相量问题


金博天华 汇众网

  • 关注微信关注微信

猜你喜欢

热门标签

ipad教育优惠只能是大学生吗 华为快充充电器 网站降权恢复的六个思路是 路由器的DNS如何设置介绍 小米空气净化器使用说明 小米浏览器搜索发现怎么关闭 荣耀手环6压力监测失败华为手环压力校准失败? ps教程脸部光影过渡ps证件照光线不均匀怎么调整? 怎么看手机qq什么时间成为的好友为什么手机qq上某个好友显示不出来?为什么? 怎么恢复微信读书好友如何恢复在微信上拉黑的好友?介绍 怎么手动更改已安装软件运行位置怎么禁止电脑安装软件?介绍 淘宝登录怎么换账号和密码淘宝怎样用回原来帐号? 华为mate30pro音量键在哪里 兄弟7450硒鼓清零 vmware设置的共享文件夹如何使用vwware无法共享文件夹?介绍 电脑怎么增加英语键盘电脑键盘字母和数字怎么切换?介绍 智能服务计划开启还是关闭华为手机有哪些功能关掉比较好?介绍 本地连接找不到正确的ip为什么识别不了内网? 远程桌面系统找不到指定文件远程桌面看不到任务栏是怎么回事?介绍 word波浪下划线怎么去除word为什么自己出现下划线? weblogic怎么配置远程端口怎样学习Java?介绍 现在哪款平板电脑值得买2021年ipad哪一款最值得入手? office受保护的excel解除保护excel兼容性模式怎么去除? 爱奇艺怎么取消钻石会员自动续费手机爱奇艺自动收费怎么取消? cad怎么建立块参照cad2017怎么插入参照? 怎么把图片p掉一部分如何将照片上不满意的地方P掉?介绍 小爱音箱怎样配对手机蓝牙 小程序与公众号的openid一样吗微信标识不能为空是什么意思? wps文本框输入公式WPSWord如何在公式前面加文字? 智慧生活摄像头共享

微信公众号