一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

JavaScript中变量的有效性判断的方法

时间:2016-04-21 编辑:简简单单 来源:一聚教程网

avaScript 语言设计的不严谨,有时候很容易把人给搞晕,比如说这个变量有效性判断。
先举几个例子:
1.webp
想要理解为什么得出上面的结果,首先得明白 undefined 和 null 在 JavaScript 中所表示的不同含义。
这里借用下阮一峰老师博客中的一个结论:
null和undefined基本是同义的,只有一些细微的差别。
null表示”没有对象”,即该处不应该有值。典型用法是:
(1) 作为函数的参数,表示该函数的参数不是对象。
(2) 作为对象原型链的终点。
undefined表示”缺少值”,就是此处应该有一个值,但是还没有定义。典型用法是:
(1)变量被声明了,但没有赋值时,就等于undefined。
(2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。
(3)对象没有赋值的属性,该属性的值为undefined。
(4)函数没有返回值时,默认返回undefined。
在 Java 中,if 条件中必须使用 boolean 表达式, 所以使用 JavaScript 时,也会习惯性的认为如此。实际上,JavaScript 中 null,undefined,0,””,false 作为 if 的条件的时候,都被认为是 false 。
所以,在判断变量时,可以用以下几种方式:
1、精确判断一个变量是否为 undefined
2.webp
2、精确判断一个变量是否为 null
3.webp
3、判断一个变量是否为 null 或 undefined
4.webp
4、判断值是否有效, 可以直接在if表达式中使用变量名称, 我常用来判断一个输入框值是否有效(注意: 如果变量值为0, 会被当作无效)

5.webp

例如:

if(!myVar01)alert("发生错误");

// 该代码直接发生异常,因为变量myVar01没有申明 if("undefined" == typeof myVar01)alert("发生错误");

// 这样写才不至于发生异常

而: var myVar01; if(undefined == myVar01)alert("发生错误");

看下面简单例子
 
if(typeof(VAL1) == 'undefined') {
   var VAL1 = "now defined";
}else {
   alert("already defined");
}
 
alert("VAL1=" + VAL1);
 
 
通过判断typeof(VAL1) == 'undefin'可以知道某变量是否定义。顺便提一下,javascript里面没有block的概念,所以尽管VAL1是在if语句种定义的,在外面仍然可以访问。
但是注意如果某个var是在函数内定义的,那么该变量则是该函数的局部变量。
 
再看下面的例子
 
if(typeof(FUN1) == 'undefined') {
   alert("now define the FUN1");
   function FUN1() {
        alert("this is FUN1");
   }
}else {
   alert("already defined");
}
 
你觉得输出应该是什么?
 
 
正确答案应该是alert("already defined");。
函数和变量不同,对于funtion 这个关键字,javascript是在编译期间就搞定了,所以执行时认为该函数已经定义。
这样对于函数判断是否定义可以更具体的用
if(typeof(FUNC1) == 'function')
来检查一个函数是否声明。对于作插件的程序可能会有用。

// 该代码会正确运行 if("undefined" == typeof myVar01)alert("发生错误");

// 该代码同样会正确运行

结论:我们采用下面的方式来保证万无一失 if("undefined" == typeof myVar01)alert("发生错误");

// 该代码同样会正确运行

当然判断数据的有效性远远不只这些,还有对null的判断,数字是否大道越界.

热门栏目