如何执行调试javascript

发布时间:2020-07-11 11:29:13 作者:Leah
来源:亿速云 阅读:146

如何执行调试javascript?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

 javascript中执行调试的方法有:使用console.log()方法,或者使用关键字“debugger”。

有时代码可能会包含某些错误。而作为脚本语言,JavaScript无法在浏览器中显示任何错误消息。但是,这些错误却会影响输出。找出这些错误的最佳做法就是调试代码,下面就开始介绍具体内容,希望对你们有所帮助。

我们可以使用内置的Web浏览器调试器来轻松调试代码,找出错误。而要执行调试,我们有两种方法可以使用,只要任意选择一种使用就行:

1、使用console.log()方法

2、使用关键字“debugger”

下面我们就来具体介绍这两种方法:

使用console.log()方法

console.log()方法可以将结果显示在浏览器的控制台中。如果代码中有任何错误,则会生成错误消息。

例:在控制台输入一项结果,查看输出

x = 10;  
y = 15;  
z = x + y;  
console.log(z);  
console.log(a);   //a没有什么定义,无法输出,会出错

输出:

如何执行调试javascript

说明:要在浏览器上打开控制台,需要按F12键;或者使用组合键:Ctrl+Shift+i。

使用“debugger”关键字

在调试中,通常我们会在代码本身的内容中设置断点来逐步检查每行代码。

调试器在debugger”关键字的位置上停止执行程序。然后,我们可以手动启动执行流程。如果发生异常,则执行将在该特定行上再次停止。

x = 10;    
y = 15;    
z = x + y;    
debugger;    
alert(z);    
alert(a);

输出:

如何执行调试javascript

alert(z);会执行,输出15,但alert(a);会出错,报错:

如何执行调试javascript

动态效果:

如何执行调试javascript

关于如何执行调试javascript问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。

推荐阅读:
  1. Chrome DevTools如何调试JavaScript
  2. Javascript中有哪些调试技巧

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript 调试 avascript

上一篇:使用linux的cal命令显示日历

下一篇:使用linux的dig命令查询域名DNS信息

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》