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

avaScript 语言设计的不严谨,有时候很容易把人给搞晕,比如说这个变量有效性判断。

先举几个例子:

想要理解为什么得出上面的结果,首先得明白 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、精确判断一个变量是否为 null

3、判断一个变量是否为 null 或 undefined

4、判断值是否有效, 可以直接在if表达式中使用变量名称, 我常用来判断一个输入框值是否有效(注意: 如果变量值为0, 会被当作无效)

例如:

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的判断,数字是否大道越界.

时间: 2024-09-28 02:32:47

JavaScript中变量的有效性判断的方法的相关文章

JavaScript中变量的有效性判断的例子

JavaScript 语言设计的不严谨,有时候很容易把人给搞晕,比如说这个变量有效性判断. 先举几个例子: 想要理解为什么得出上面的结果,首先得明白 undefined 和 null 在 JavaScript 中所表示的不同含义. 这里借用下阮一峰老师博客中的一个结论: null和undefined基本是同义的,只有一些细微的差别. null表示"没有对象",即该处不应该有值.典型用法是: (1) 作为函数的参数,表示该函数的参数不是对象. (2) 作为对象原型链的终点. undefi

thinkphp3.x中变量的获取和过滤方法详解_php实例

本文实例讲述了thinkphp3.x中变量的获取和过滤方法.分享给大家供大家参考,具体如下: 这里我们来学习如何在ThinkPHP中使用变量和对变量进行过滤. 在Web开发过程中,我们经常需要获取系统变量或者用户提交的数据,这些变量数据错综复杂,而且一不小心就容易引起安全隐患,但是如果利用好ThinkPHP提供的变量获取功能,就可以轻松的获取和驾驭变量了. 一.获取变量 1.首先,我们来谈下如何获取变量. 第一种方式:传统获取方式,你仍然可以在开发过程中使用传统方式获取各种系统变量,例如: $i

thinkphp3.x中变量的获取和过滤方法详解

本文实例讲述了thinkphp3.x中变量的获取和过滤方法.分享给大家供大家参考,具体如下: 这里我们来学习如何在ThinkPHP中使用变量和对变量进行过滤. 在Web开发过程中,我们经常需要获取系统变量或者用户提交的数据,这些变量数据错综复杂,而且一不小心就容易引起安全隐患,但是如果利用好ThinkPHP提供的变量获取功能,就可以轻松的获取和驾驭变量了. 一.获取变量 1.首先,我们来谈下如何获取变量. 第一种方式:传统获取方式,你仍然可以在开发过程中使用传统方式获取各种系统变量,例如: $i

javascript中直接写php代码的方法

这篇文章介绍了javascript中直接写php代码的方法,有需要的朋友可以参考一下    一.在javascript中嵌入php代码 javascript若是通过js文件包含进来的,那么js文件中也可以直接写php代码,只不过包含js文件是扩展名要改成php,如: 复制代码 代码如下: <script herf="js/demo.js.php"></script> 二.javascript函数参数的默认值 c语言中可以通过这样来设置默认参数: 复制代码 代码如

讲解JavaScript中for...in语句的使用方法

  这篇文章主要介绍了讲解JavaScript中for...in语句的使用方法,是JS入门学习中的基础知识,需要的朋友可以参考下 这里是JavaScript支持的另外一个循环.它被称为for...in循环.这个循环是用于循环一个对象的属性. 因为我们还没有讨论的对象,所以使用这一循环可能会感觉不太明白.但是,一旦你会对JavaScript对象了解后,那么会发现这个循环非常有用. 语法 ? 1 2 3 for (variablename in object){ statement or block

JavaScript中5种调用函数的方法

 这篇文章主要介绍了JavaScript中5种调用函数的方法,本文详细的介绍了Javascript中各种函数调用的方法及其原理,对于理解JavaScript的函数有很大的帮助,需要的朋友可以参考下     这篇文章详细的介绍了Javascript中各种函数调用的方法及其原理,对于理解JavaScript的函数有很大的帮助! JavaScript,调用函数的5种方法 一次又一次的,我发现,那些有bug的Javascript代码是由于没有真正理解Javascript函数是如何工作而导致的(顺便说一下

JavaScript中变量声明有var和没var的区别

 本文来论述JavaScript中变量声明有var和没var的区别,关于Js中的变量声明的作用域是以函数为单位,所以我们经常见到避免全局变量污染的方法是 1 2 3 (function(){  // ...  })(); 在函数内部,有var和没var声明的变量是不一样的.有var声明的是局部变量,没var的,声明的全局变量,所以可以借此向外暴露接口东东. 在全局作用域内声明变量时,有var 和没var看起来都一样,我们知道,声明的全局变量,就是window的属性,究竟是否一样,我们通过ECMA

局部变量-javascript中变量作用域的问题

问题描述 javascript中变量作用域的问题 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

JavaScript中变量声明有var和没var的区别示例介绍_javascript技巧

本文来论述JavaScript中变量声明有var和没var的区别,关于Js中的变量声明的作用域是以函数为单位,所以我们经常见到避免全局变量污染的方法是 (function(){ // ... })(); 在函数内部,有var和没var声明的变量是不一样的.有var声明的是局部变量,没var的,声明的全局变量,所以可以借此向外暴露接口东东. 在全局作用域内声明变量时,有var 和没var看起来都一样,我们知道,声明的全局变量,就是window的属性,究竟是否一样,我们通过ECMAScrpit5提供