JavaScript语言调试技巧

1. 使用alert()语句进行调试

  当不能定位程序发生错误引发的异常时,可以采用代码跟踪方式查找错误,这时可以将alert()语句放在程序的不同位置,用它来显示程序中的变量及函数返回值等。

<script language="JavaScript">
  alert("开始");
  var a="2";
  var b="3";
  alert("执行");
  alert("a+b");
  alert("结束");
</script>

2. 使用write()语句进行调试

  有时候希望将所有的调试信息以列表的方式放置在页面中,这时可以使用write()方法进行调试。

<script language="JavaScript">
  document.write("开始");
  var a=1;
  var b=2;
  document.write("执行");
  document.write("a+b");
  document.write("结束");
 </script>

3. 使用自定义异常消息进行调试

  抛出自定义异常是调试javascript代码的最佳路径。其使用了try...catch...finally语句及throw机制。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="UTF-8">
<title>抛出自定义异常</title>
<script language="JavaScript">
  function test(num1,num2){
  try{
    if((arguments).length<2){
      throw new Error("参数个数不够");    //抛出自定义异常信息
    }
    if(num1/num2=="Infinity"){
      throw new Error("除数不可以为0");
    }
  }catch(exception){
      alert(exception.message);       //弹出警告对话框
    }
  }
</script>
</head>
<body>
  <script language="JavaScript">
    test(1);
    test(1,0);
  </script>
</body>
</html>

时间: 2024-10-03 05:03:07

JavaScript语言调试技巧的相关文章

javascript语言使用技巧及注意事项总结

1.首次为变量赋值时务必使用var关键字 变量没有声明而直接赋值得话,默认会作为一个新的全局变量,要尽量避免使用全局变量. var a=b=10;//其中a是局部变量,b是全局变量 2.使用===比==执行更快 ==和!=操作符会在需要的情况下自动转换数据类型.但===和!==不会,它们会同时比较值和数据类型,这也使得它们要比==和!=快. [10] === 10 // is false [10] == 10 // is true '10' == 10 // is true '10' === 1

14 个你可能不知道的 JavaScript 调试技巧

了解你的工具可以极大的帮助你完成任务.尽管 JavaScript 的调试非常麻烦,但在掌握了技巧 (tricks) 的情况下,你依然可以用尽量少的的时间解决这些错误 (errors) 和问题 (bugs) . 我们会列出14个你可能不知道的调试技巧, 但是一旦知道了,你就会迫不及待的想在下次需要调试 JavaScript 代码的时候使用它们! 现在开始. 虽然许多技巧也可以用在别的检查工具上,但大部分的技巧是用在 Chrome Inspector 和 Firefox 上的. 1. 'debugg

你可能不知道的14个JavaScript调试技巧

以更快的速度和更高的效率调试你的 JavaScript 了解你的工具可以在完成任务的过程中发挥重大作用.尽管传言 JavaScript 难以调试,但是如果你掌握了一些调试技巧,那么你将会花费更少的时间来解决这些错误. 我们已经列出了14个您可能不知道的调试技巧,但可能要记住,这样下次你需要调试 JavaScript 代码时就可以马上使用了! 现在就马上开始. 1. 'debugger;' 除了 console.log , debugger; 是我们最喜欢.快速且肮脏的调试工具.一旦执行到这行代码

Chrome 中的 JavaScript 断点设置和调试技巧

你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题.不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了.本文主要介绍其中的 JavaScript 断点设置和调试功能,也就是其中的 Sources Panel(以前叫 Scripts).如果你精通 Eclipse 中的

Chrome 中的 JavaScript 断点设置和调试技巧 (转载)

原文地址:http://han.guokai.blog.163.com/blog/static/136718271201321402514114/ 你是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题.不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了.本文主要介绍其

C语言内存调试技巧—C语言最大难点揭秘

本文将带您了解一些良好的和内存相关的编码实践,以将内存错误保持在控制范围内.内存错误是 C 和 C++ 编程的祸根:它们很普遍,认识其严重性已有二十多年,但始终没有彻底解决,它们可能严重影响应用程序,并且很少有开发团队对其制定明确的管理计划.但好消息是,它们并不怎么神秘.引言C 和 C++ 程序中的内存错误非常有害:它们很常见,并且可能导致严重的后果.来自计算机应急响应小组(请参见参考资料)和供应商的许多最严重的安全公告都是由简单的内存错误造成的.自从 70 年代末期以来,C 程序员就一直讨论此

JavaScript调试技巧之断点调试

首先,在各个浏览器中,断点调试支持的最好的当然是Firefox,Firefox不仅可以使用Firebug调试页面js脚本,还可以用高级调试工具例如JavaScript Debugger (Venkman) 来调试Firefox扩展里的js.除此之外,Firefox还支持一些更为高级的断点调试.变量监视功能. 其他浏览器里,Opera.Chrome和Safari的调试功能也比较好用.Opera的DragonFly速度相对比较快,界面清爽,功能强大,但不如Safari等友好.相比来说,IE8的程序员

你应该了解的5个JavaScript调试技巧

在某些情况下需要更好的工具,下面是其中的一些佼佼者,我敢肯定你会发现它们的有用之处: 1. debugger; 正如我之前提到的,你可以使用“debugger;”语句在代码中加入强制断点. 需要断点条件吗?只需将它包装它在IF子句中: if (somethingHappens) { debugger; } 复制代码 只需记住在上线前移除. 2. 当节点变化时断开 有时DOM像有了自己的想法.当不可思议的变化发生时很难找到问题的根源. Chrome开发人员工有调试这个问题的超级有用技能.这就是所谓

实用Javascript调试技巧

见过太多同学调试Javascript只会用简单的console.log甚至alert,看着真为他们捉鸡..因为大多数同学追求优雅而高效地写代码,却忽略了如何优雅而高效地调试代码,不得不说是有点“偏科”了.下面我就分享一些实用且聪明的调试技巧,希望能让大家调试自己代码的时候更加从容自信. 1. 不要使用alert 首先,alert只能打印出字符串,如果打印的对象不是String,则会调用toString()方法将该对象转成字符串(比如转成[object Object]这种),所以除非你打印Stri