本文摘自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中的generator函数的用法介绍(附代码)
javascript之undefined与null的区别(详解)
javascript常用属性方法有哪些
javascript怎么删除所有节点
h5微信支付之引入微信的js-sdk包失败的解决方法
javascript怎么删除对象的属性
angularjs的ng-bind-html指令详解
javascript如何删除和添加元素
javascript数组删除的方法有哪些
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » js遇到代码出现问题时调试代码的方法