JS实用技巧断点调试详解 600209股票

股票资讯  2021-03-06 11:41:36

原标题:JS实用技巧断点调试详解

调试能力是一个程序员的生存基础,但是很多初学者忽略了调试。今天我们来讨论JS的调试技巧。

本文将详细列举与JS相关的各种实用调试技巧。如果你是JS的初学者,这篇文章对你会有很大的帮助。

为什么要调试?

程序是由函数堆积起来的,程序的运行就是函数的执行过程。通过JS调试,可以更直观的跟踪函数的执行顺序以及程序运行过程中各种参数的变化。这样就可以快速定位问题。

1.什么是JS调试?

在程序运行过程中,我们总会遇到各种各样的bug,跟踪代码的运行顺序来定位问题的过程叫做JS调试。

首先要知道怎么进入调试界面。这里我们以谷歌为例。F12和右键检查后,我们可以通过查找源代码进入调试界面。具体界面如下所示:

红色方框表示我们在调试中经常使用的按钮。接下来,我们将在实际应用场景中详细描述每个按钮的功能。

2.单步调试

首先是普通调试,也叫单步调试。F12找到源码后,在左侧文件夹中找到要运行的文件,然后点击暂停脚本执行按钮,刷新页面(F5),即可进入单步调试

单击下一个函数调用的单步执行是程序的逐步调试,每次单击都会按照代码执行顺序向下执行一个代码。

3.功能调试

如果你亲手尝试过单步调试,你会发现单步调试并不能满足我们寻找bug的需求,因为单步调试无法进入函数体,也无法跟踪函数体中变量的变化。

让我们学习第三个按钮,进入下一个函数调用按钮

使用单步执行按钮,我们可以进入函数体。在单步调试过程中,调用函数时,我们可以通过点击单步执行进入函数体。

进入函数体后,继续点击单步调试按钮,可以在函数体中进行单步调试。如图,函数体中变量的变化一目了然。

但是当我们已经跟踪到了想要的变量的变化,函数体里面的内容很多,单步调试到函数结束都是浪费时间。这里可以用我们今天学的第四个按钮,步出当前函数调用,跳出当前函数体,跳出之前进入函数体的代码位置。

4.断点调试

在实际项目中,代码量非常大,使用单步调试是浪费时间。而且有时候我们想定位代码是不是哪里有问题,所以不需要调试所有代码。所以我们可以用断点调试,那么什么是断点调试呢?

首先,在您想要定位问题的代码处,断点是代码停止执行的地方。点击如图红色方框,命中该行断点。(由于Google版本不同,断点图标略有不同)

然后刷新页面(F5),即可进入断点调试页面。单击恢复脚本执行按钮,调整到下一个断点。(注意:设置断点时,这一行代码有蓝色背景,表示这一行代码即将执行但未执行)

5.事件调试

首先要明确一个概念,就是同步和异步。执行代码时,同步代码从上到下运行,而异步代码需要事件来触发。因此,在代码调试中,事件体中的函数在进入函数体之前,需要在断点之后传递事件的行为。

如以下代码:破点后刷新,但没有效果

必须移动事件以触发调试

返回搜狐查看更多内容

负责编辑:


以上就是JS实用技巧断点调试详解600209股票的全部内容了,喜欢我们网站的可以继续关注宁策股票网其他的资讯!

相关推荐

银保监会警惕过度借贷营销
12月30日,首都国度获悉,昨日,银保监会发布《关于警惕网络平台过度借贷的风险提示》。网络平台为了获取大量客户,利用各种线上消费...
原来武汉小吃糯米鸡的普遍做法,糯米酱味,鸡肉味道更好,全家人都爱!
原标题:武汉小吃糯米鸡的家常,糯米酱味,鸡肉味道更好,全家人都爱!说起这个糯米鸡,其实应该叫炸汤圆。是武汉众多早餐品种之一,很有...
一次性收集闪存购买包
原标题:一次性领取闪购包葡萄酒是一种极好的饮料需要仔细理解只有理解她,我们才能更好地爱她知酒尝酒爱上酒这就是葡萄酒俱乐部想要做的...
《章子怡》在原车上!60岁的大妈太像章子怡了,举止优雅
原标题:《章子怡》在公交车上!60岁的大妈太像章子怡了,举止优雅文字/泡沫妈妈谈育儿现代人对“美”的要求很高。最近,这位60岁的...
新浪微博2198微博六盘水本地股票配置5000元炒股一年赚多少?5000元炒股能赚多少?
新浪微博2198的微博股市有各种股市术语。老股东在讨论股市的时候可能会用到很多股市术语。这时候刚进入股市的新股民就没有头绪了。今...
不锈钢期货什么时候能上CCCC四局今年的公司准入名单
今年可以取消CCCC四局公司入驻名单中的新股吗?新股认购新规列表。以前可以取消的新股认购现在可以取消吗?新股可以当天注销吗?我们...
900亿巨人站在大不了!刚刚披露减持,增持100亿。深圳证券交易所迅速发出了一封关注信
天奇锂业(002466。深交所)在1月16日晚接到深交所的关注函,仅在该所宣布拟募集资金不超过159.26亿元的一天后,就直接指...
300204股票高邮股票配置软件外盘期货公司有
300204股票销售收入包括什么?销售收入包括什么?销售收入确认为公司销售产品(包括半成品和辅助产品)和提供劳务取得的财务收入。...
股票学习网站:投资者配股的利润是多少?最近投资者炒股的利润如何?
股票学习网站:投资者配股的利润是多少?最近投资者炒股的利润如何?但是,很多投资者并不了解这方面;今天我就带领大家了解一下配股公司...

友情链接