javascript从入门到跑路—–小文的js学习笔记(24)——错误调试与处理—–try …catch 和 设置断点

时间:2020-9-4 作者:admin


**
javascript从入门到跑路—–小文的js学习笔记(1)———script、alert、document。write() 和 console.log 标签

javascript从入门到跑路—–小文的js学习笔记(2)——— 语法构成、关键字和保留字、变量

javascript从入门到跑路—–小文的js学习笔记(3)———javascript中的几种数据类型


javascript从入门到跑路—–小文的js学习笔记目录
**

       关注我,我们一起学习进步。

       当我们有的时候打了很多很多的代码,但是一旦中间有一个小的地方出现错误,那么后面的代码都将不会被执行,那么如何解决这种情况,就需要用到这节学到的知识 try …catch断点

1、try …catch

首先说一下 它的 语法 :

	try{
		有可能导致错误的代码				
	}catch(错误对象){
		错误信息
      }finally{
   		不管代码对还是错,都会执行
     }

当然你也可以只写 try { }catch(){ }
也可以只写 try { } finally{ }

用了这种写法即使它是错的但是它不会再导致后面正确的代码无法运行

简单的举个例子:很明显这里写法有问题,实参不能为null,所以这里错了,那么很显然后面的alert(11111)也不会被执行。
javascript从入门到跑路-----小文的js学习笔记(24)------错误调试与处理-----try ...catch 和 设置断点
执行结果:所以很显然什么也没有。
javascript从入门到跑路-----小文的js学习笔记(24)------错误调试与处理-----try ...catch 和 设置断点

然后,用上我们的 try…catch
javascript从入门到跑路-----小文的js学习笔记(24)------错误调试与处理-----try ...catch 和 设置断点
执行结果:
便能执行后面的代码弹出111了
javascript从入门到跑路-----小文的js学习笔记(24)------错误调试与处理-----try ...catch 和 设置断点
并且,点击“确定”之后,弹出了错误信息
javascript从入门到跑路-----小文的js学习笔记(24)------错误调试与处理-----try ...catch 和 设置断点

2、断点:排错

当然除了上面的那种方式还有一种利用断点来寻找 错误的 方式

首先,
第一步:执行代码,右击,点击“检查” ,点击sources
javascript从入门到跑路-----小文的js学习笔记(24)------错误调试与处理-----try ...catch 和 设置断点
第二步:找到js文件,然后选中
javascript从入门到跑路-----小文的js学习笔记(24)------错误调试与处理-----try ...catch 和 设置断点
第三步:在行上点击设置断点,即可
javascript从入门到跑路-----小文的js学习笔记(24)------错误调试与处理-----try ...catch 和 设置断点
最后一直点击下一步 (向下的箭头),进行调试
javascript从入门到跑路-----小文的js学习笔记(24)------错误调试与处理-----try ...catch 和 设置断点
       这个时候,你每次点击,他都会顺序向下执行代码,一旦发现有进行突然跳过的地方,那就很可能是出错的地方了。

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。