本文摘自PHP中文网,作者angryTom,侵删。
本篇文章介绍了在编写JavaScript代码时如果遇到问题时的调试方法,希望对各位学习JavaScript的同学有帮助!
js遇到代码出现问题时调试代码的方法
单步跟踪调试 debugger;
控制台watch功能查看变量当前值

进入函数操作

随着不断点击,不停进行循环,指定变量的值也在发生改变

添加断点

跳入跳出函数

throw new Error() 主动抛出异常
后面的代码不再运行
代码会跳转到离这句最近的try语句中
使用
接收异常
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8" >
<title>Document</title>
</head>
<body>
<script>
try {
var foo={};
console.log(foo.pro);
} catch (e){
console.log(e);
}finally{
console.log( '异常导致程序中止啦~' );
}
</script>
</body>
</html>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8" >
<title>Document</title>
</head>
<body>
<script>
function multi(num1, num2){
if (typeof num1 != "number" || typeof num2 != "number" ){
throw new Error( '必须输入数字!!!' );
}
console.log(num1*num2);
}
try {
multi(1, 2);
} catch (e){
console.log(e);
}finally{
console.log( '不管有没有异常我都要执行哈~' );
}
</script>
</body>
</html>
|
本文来自 js教程 栏目,欢迎学习!
以上就是js遇到代码出现问题时调试代码的方法的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
javascript如何添加删除元素
vue源码之目录结构的简单分析
electron页内查找模块介绍(代码示例)
javascript var是什么
javascript中事件对象的target和this的区别
javascript有没有求方程的库
一起了解script标签中的async和defer属性
javascript怎么改变src
javascript怎么隐藏herf
javascript基本数据类型(介绍)
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » js遇到代码出现问题时调试代码的方法