减轻JavaScript测试和调试负担
发布时间:2006-05-24 22:18:51 来源:www.zdnet.com.cn 网友评论 0 条像JSP、ASP.NET、ColdFusion这样的Web开发平台提供了大量强大服务器端开发选项。但是,它们并没有否定用JavaScript进行客户端的Web开发。
JavaScript同时提供了逻辑和用户接口功能,减轻了服务器端处理的负载。尽管我们已经使用它有多年了,但是它的开发工具还是有点落后。现在就让我们仔细看看JavaScript的开发和调试选项。
开发工具
如果你习惯使用诸如Visual Studio或者NetBeans这样的集成开发环境(IDE),那么你就一定很熟悉各种调试选项,包括代码单步调试、设置断点,以及监视变量等。在监视代码执行或者追踪错误时,这些都是不可或缺的工具。不幸的是,这些工具在JavaScript开发人员中并不是十分普及。
调试
应用程序开发中的一个重要步骤是追踪脚本或者代码中的错误。这包括隔离代码段,一行一行地分析它们。在使用JavaScript的时候,你可以使用在开发工具大发展之前用过的方法。
在这种情况下,最常用的一种JavaScript函数是警报信息框。你可以用它来检查保存在变量/对象里的值,并与循环一起使用来查看对象的内容。
举个例子,列表A里的HTML代码没有按照预期的效果执行:
| 以下是引用片段: <html><head> <title>JS Test</title> <script language="JavaScript"> function validate() { var doc = document.forms[0]; var flag = true; if (doc.fullName.value = '') flag = false; if (doc.contactNumber.value = '') flag = false; if (flag) doc.submit() else alert('Enter values before submitting.'); } </script></head> <body> <form id="frmTest"> Name: <input name="fullName" type="text" /><br /> Address: <input name="contactNumber" type="text" /><br /> <input type="button" value="Submit" onclick="validate();" /> </form></body></html> |
这个表单总是不管输入的值是什么就被提交,所以我们可以使用警报语句在脚本执行期间检查值的内容。列表B里的脚本就使用了警报语句来监视变量的值:
| 以下是引用片段: <html><head> <title>JS Test</title> <script language="JavaScript"> function validate() { var doc = document.forms[0]; var flag = true; alert('Script starting, flag = ' + flag); alert('Script starting, Full name = ' + doc.fullName.value); alert('Script starting, Contact number = ' + doc.contactNumber.value); if (doc.fullName.value = '') { alert('First check, Full Name is empty.'); flag = false; } if (doc.contactNumber.value = '') { alert('Second check, Contact Number is empty.'); flag = false; } if (flag) { alert('Validation successful, document will be submitted.'); doc.submit() } else { alert('Enter values before submitting.'); } } </script></head> <body><form id="frmTest"> Name: <input name="fullName" type="text" /><br /> Address: <input name="contactNumber" type="text" /><br /> <input type="button" value="Submit" onclick="validate();" /> </form></body></html> |
这个错误很常见,尤其是当开发人员在诸如VB.NET和其他句法上存在差异的语言之间轮流转换时。我们现在快速浏览更多几个常见的错误:
- JavaScript对大小写敏感,所以变量名、JavaScript语句,以及类似的内容必须使用正确的格式/大小写。所以要按照统一的方式给你的对象、变量和函数命名。
- 在代码中使用逗号。除了for语句外,JavaScript把逗号用作变量的分隔符。
- JavaScript要用大括号来定义一段语句。
- 字符串必须放在引号(单引号或者双引号)之间。
用alert函数进行调试对于开发人员来说很常见,但是现在有很多其他的选项来监视脚本,包括浏览器和IDE。
- 推荐阅讯
- AJAX忧虑与启发:成也脚本,败也脚本
- JavaScript高级程序设计:2.6 原始类型
- JavaScript代码可导致浏览器攻击
- Javascript的一种模块模式
- Javascript实现广告页面的定时关闭
- Javascript网页特效:闪现的礼花背景
- JavaScript实现网页图片等比例缩放
- JavaScript高级程序设计:2.5 原始值
- 使用AJAX的十大理由
- JavaScript高级程序设计:2.2 变量
- 阅读排行
- 1.网页特效:一段实用的图片滚动显示代码
- 2.网页特效实例:用js获取单选按钮的数据
- 3.Javascript特效:随机显示图片的源代码
- 4.Javascript技术技巧大全
- 5.IE和FireFox下javascript读写XML实现广告轮
- 6.用 JavaScript 来操作字符串的函数
- 7.添加到收藏夹的Javascript脚本-适合IE和Fir
- 8.怎样判断浏览器是否支持javascript?
- 9.JavaScript实现网页图片等比例缩放
- 10.网页特效:随机显示广告的JS源代码
- 专题教程
- Windows Server-Windows Server文档-Windows Server新闻-Windows Ser PostgreSQL-PostgreSQL文档-PostgreSQL新闻-PostgreSQL专家
- WebLogic-WebLogic文档-WebLogic新闻-WebLogic专家 FreeBSD-FreeBSD文档-FreeBSD新闻-FreeBSD专家
- Linux-内核 GUI KDE Gnome DNS FTP 安全 安装-Linux专区 Windows-AD IIS ServerCore 虚拟化 安全 HPC-Windows专区
- 大话G游 专题:手机病毒揭密
- ARP攻击防范与解决方案 路由故障处理手册
