js中的错误与调试

来源:互联网 发布:白垩纪往事 知乎 编辑:程序博客网 时间:2024/05/23 12:42
               js中的错误与调试

1、错误的概念与处理
计算机程序的错误两种:语法错误和逻辑错误。
比如 alert 拼错了,写成了altret。
1.1语法错误的排除方法:
1) 开发者工具的console 窗口。能显示错误其说明
2) Try………catch捕获异常
2、调试的原理、工具和方法
逻辑错误:程序在语法上,没有错误但是实际执行结果和预期结果有出入。
调试的基本原理:程序的执行时自动的,而且速度非常快,无法了解中间的执行过程
但是几乎所有的开发工具都有提供了调试的功能,可以去控制程序的执行节奏,
从而可以让开发者看清楚执行的过程。
1.2怎么去控制执行节奏呐
逻辑错误调试:
1) 设置断点
打开开发者工具
在cources页打开源代码
在代码左侧(行号上)单击即可在该出设置断点

2) 单步执行(step)
快捷键F10
每执行一步都会停下来,然后再继续下一步

控制节奏的目的是看清或者了解程序的执行过程,而不仅仅是结果。
怎么看结果?
1) 查看程序执行的轨迹,也就是上图中知识即将要执行的代码指示器。
如果轨迹与预期不一致,说明上一步执行的代码出现逻辑错误了
2) 查看变量、表达式的值
在watch窗口就可以看到添加的变量或者表达的值
因为计算机程序的每一步执行的结果都是唯一的、可确定的,同时我们又可以通过上述手段控制程序的运行节奏并查看程序执行的状态(如轨迹。变量表达式的值),也就是可以看到实际执行结果。那么讲实际结果和预期结果对比,如果出现不一致,说明刚刚执行的哪一步出现的错误。即定位错误。
一旦定位错误,根据所学知识或经验,应该就很容易分析错误原因,从而找到解决方案。
再来调试一个程序
var a = prompt(“请输入第一边长”);
var b = prompt(“请输入第二边长”);
var c = prompt(“请输入第三边长”);
var p = (a + b + c) / 2;//计算周长的一半
var s = Math.sqrt(p * (p - a) * (p - b) * (p - c));//海伦公式计算面积
alert(s)
调试工具不仅仅是定位错误的工具,也是一个非常好的学习工具
因为调试工具可以让我们直观地看到程序的运行轨迹以及运行状态,有助于我们对于一些抽象知识的理解

原创粉丝点击