“增强js程序代码的健壮性”之我见大量示例代码_javascript技巧
程序员文章站
2024-04-02 19:57:28
...
在书写和使用js程序的过程中，我们经常会遇到各种各样的错误，对于一个依赖于浏览器的语言，我们很难完全去控制其在任何时刻都正确无误的运行。但是我们仍需做出自己努力取增强我们书写的js程序代码的健壮性和安全性，尽可能减少错误的出现概率。
以下为本人在学习js过程总结的几点关于增强js程序的健壮性的心得，如果您觉得对你有一点的价值，那我就达到自己的目的了，如果你觉得没有什么意义，请您也不必扔砖头，谢谢。
(1)对于必要的参数要判断是否被正确的传入。
代码示例：
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
(2)根据传入的参数类型不同做不同处理：
例如当我们要获取一个html元素对象时，要判断传入的是一个id还是一个元素对象。
代码示例：
[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 可能会好些
var arg1=arg1||"default arg1";
这样写略有点问题
arg1是null 0 "" false都不行
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
三个等号表示类型也相等。JS在比较时不会自动转换类型。
以下为本人在学习js过程总结的几点关于增强js程序的健壮性的心得，如果您觉得对你有一点的价值，那我就达到自己的目的了，如果你觉得没有什么意义，请您也不必扔砖头，谢谢。
(1)对于必要的参数要判断是否被正确的传入。
代码示例：
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
(2)根据传入的参数类型不同做不同处理：
例如当我们要获取一个html元素对象时，要判断传入的是一个id还是一个元素对象。
代码示例：
[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 可能会好些
var arg1=arg1||"default arg1";
这样写略有点问题
arg1是null 0 "" false都不行
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
三个等号表示类型也相等。JS在比较时不会自动转换类型。