debug错误与调试

来源:互联网 发布:dvr1080p监控软件下载 编辑:程序博客网 时间:2024/05/17 22:56

新手在编写程序时会出现各种各样的错误,我们必须学会如何去发现错误和解决。调试是非常重要的无论你是小白还是大牛,这不可缺少的技能,也决定你走多远的一项本领

那么首先得认识程序错误一般有哪些,我们举例说明。

错误一般分两种:

1.语法错误:

<script>
    var a=3;
    alert(a);
    a++;
    alerts(a);
</script>

 

调试方法: 右击浏览器检查选项或者按F12进入开发者工具。错误信息会在console窗口下提示。  

上面的步骤同时进一步说明了解释型语言的特点。翻译一条执行一条,遇到错误的时候为止。


2.逻辑错误: 语法没有问题,不会报错,但是得到的结果与期望得到的结果不符合

<script>
    var b=a+3;
    alert(b);
</script>

 

如何调试逻辑错误:

   语法没有问题,不会报错,但是得到的结果与期望得到的结果不符合,并不会在console窗口下显示

在source 下面可以看到js代码在里面可以设置断点。

代码执行到断点除可以暂停执行(在代码左侧单击即可)

可以让代码单步执行快捷键F10

同时可以查看代码中任意一个表达式或者变量的值

1. 手动添加watch

2. 右击选中的表达式选中添加到watch

 

通过以上的方法可以看到代码每一步的执行结果,当遇到与期望不符合时就说那一行代码有问题。 能够帮助我们定位到错误的位置。 根据自己的经验和知识,分析出错误的原因,然后解决。