手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >“增强js程序代码的健壮性”之我见大量示例代码
“增强js程序代码的健壮性”之我见大量示例代码
摘要:在书写和使用js程序的过程中,我们经常会遇到各种各样的错误,对于一个依赖于浏览器的语言,我们很难完全去控制其在任何时刻都正确无误的运行。但是...

在书写和使用js程序的过程中,我们经常会遇到各种各样的错误,对于一个依赖于浏览器的语言,我们很难完全去控制其在任何时刻都正确无误的运行。但是我们仍需做出自己努力取增强我们书写的js程序代码的健壮性和安全性,尽可能减少错误的出现概率。

以下为本人在学习js过程总结的几点关于增强js程序的健壮性的心得,如果您觉得对你有一点的价值,那我就达到自己的目的了,如果你觉得没有什么意义,请您也不必扔砖头,谢谢。

(1)对于必要的参数要判断是否被正确的传入。

代码示例:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(2)根据传入的参数类型不同做不同处理:

例如当我们要获取一个html元素对象时,要判断传入的是一个id还是一个元素对象。

代码示例:

new document area a area b

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(3)为参数设定默认值。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(4)检查传入的参数类型。

例如:

我们要求传入的某个参数必须为数字。

示例代码:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

再比如可能我们需要通过参数设定一个宽度或高度值:

示例代码:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(5)在JS的oo编程中,如果程序要获取当前实例名,则必须对传入实例名做判断。

示例代码:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(6)在解析xml数据之前首先要检查传入xml数据类型(Dom?xml字符串?文件名)及其结构的合法性。

示例代码:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(7)善用try...catch语句,很多时候的错误我们无法屏蔽,使用try...catch可以很容易的将这些错误过滤掉。

比如当我们在使用userData时,很多浏览器不支持,使用try...catch可以简化我们的处理。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

欢迎大家多评论,提出更好更多的建议。

arg==undefined改成arg===undefined可能会好些

vararg1=arg1||"defaultarg1";

这样写略有点问题

arg1是null0""false都不行

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

三个等号表示类型也相等。JS在比较时不会自动转换类型。

【“增强js程序代码的健壮性”之我见大量示例代码】相关文章:

匹配html标记的正则

在HTML中插入JavaScript代码的示例

基于jQuery插件实现环形图标菜单旋转切换特效

JavaScript数据结构与算法之集合(Set)

常用参考资料(手册)下载或者链接

提高代码性能技巧谈—以创建千行表格为例

奇妙的Javascript图片放大镜

微信WeixinJSBridge API使用实例

JavaScript实现广告的关闭与显示效果实例

简介AngularJS中$http服务的用法

精品推荐
分类导航