您的位置:首页 > Web前端 > JavaScript

js面向对象编程:if中可以使用那些作为判断条件呢?

2014-07-07 08:52 656 查看
     在所有编程语言中if是最长用的判断之一,但在js中到底哪些东西可以在if中式作为判断表达式呢?

     例如如何几行,只是少了一个括号,真假就完全不同,到底表示什么含义呢 

var obj={};
obj.Funtext=function(){};
if(obj.Funtext)
{
alert("true  obj.Funtext;");
}
else
{
alert("false  obj.Funtext");
}
obj.Funtext=function(){};
if(obj.Funtext())
{
alert("true  obj.Funtext();");
}
else
{
alert("false  obj.Funtext()");
}
1第一类已定义的变量但未赋值在if中认为是假

例如:

var  t;
if(t)
{
alert("true 已定义未赋值");
}
else
{
alert("false 已定义未赋值");
}

2第二类已定义的变量,赋值为空字符串在if中认为是假,赋值为其他的字符串,也就是是字符串中有字符就认为是真

例如:

var  t;
t="";
if(t)
{
alert("true t='';");
}
else
{
alert("false t=''");
}


if判断是假

再例如:

var  t;
t=" ";
if(t)
{
alert("true t=' ';");
}
else
{
alert("false t=' '");
}
t="111";
if(t)
{
alert("true t='111';");
}
else
{
alert("false t='111'");
}
if判断是真,也就是对于字符串类型,只要有字符,即使是空格字符if判断也为真。

3第三类已定义的变量,赋值为true在if中认为是真,赋值为false,则为假,这和其他语言中bool的类型的变量是一样的。

例如:

var  t;
t=false;
if(t)
{
alert("true  t=false;");
}
else
{
alert("false  t=false;");
}
t=true;
if(t)
{
alert("true  t=true;");
}
else
{
alert("false  t=true;");
}

4第四类已定义的变量,赋值为0在if中则为假,其他数值认为是真,这和c语言中数值的类型的变量是一样的。

例如:

var  t;
t=0;
if(t)
{
alert("true  t=0;");
}
else
{
alert("false  t=0;");
}
t=0.0;
if(t)
{
alert("true  t=0.0;");
}
else
{
alert("false  t=0.0;");
}
测试发现不管是0,还是0.0都是假

var  t;
t=2;
if(t)
{
alert("true  t=2;");
}
else
{
alert("false  t=2;");
}


发现非0是都是真

5第五类js中的特殊值null,undefined,都是假

  

var  t=null;
if(t)
{
alert("true  t=null;");
}
else
{
alert("false  t=null;");
}
t=undefined;
if(t)
{
alert("true  t=undefined;");
}
else
{
alert("false  t=undefined;");
}
由于在js中未定义的变量默认值是undefined,因此这也就就解释了第一类情况

6第六类已定义的函数,根据调用方式又分为两种

  第一种:不带括号的,如果定义了就是真,没有定义会报错

    

function testfunction(){}
if(testfunction)
{
alert("true  testfunction;");
}
else
{
alert("false  testfunction;");
}
 第二种:带括号的,其实相当于调用函数,自然是根据函数的返回值判断真假

     例如:    

function testfunction(){}
if(testfunction())
{
alert("true  testfunction;");
}
else
{
alert("false  testfunction;");
}
是假,是因为,函数如果没有定义返回值值,则返回值是undefined

7第七类已定义的对象,未赋值时在if中则为假,赋值后是真。

例如:

var obj;
if(obj)
{
alert("true  obj;");
}
else
{
alert("false  obj;");
}
其实由于在js中变量在没有赋值时是没有类型的,因此和第一种情况是一样的。

 但在赋值后,就会变成真,例如:

var <span style="font-family: Arial, Helvetica, sans-serif;">obj</span>
;
obj={};
if(obj)
{
alert("true  obj={};");
}
else
{
alert("false  obj={};");
}

8第八类已定义的对象的属性字段,和单独的变量是一样的,例如数值型为0时是假,其他为真,字符串型是为空值时是假,其他为真。

例如

var obj={};
obj.Text="";
if(obj.Text)
{
alert("true  obj.Text;");
}
else
{
alert("false  obj.Text");
}
obj.Text="Text";
if(obj.Text)
{
alert("true  obj.Text;");
}
else
{
alert("false  obj.Text");
}
obj.Text=0;
if(obj.Text)
{
alert("true  obj.Text;");
}
else
{
alert("false  obj.Text");
}
obj.Text=1;
if(obj.Text)
{
alert("true  obj.Text;");
}
else
{
alert("false  obj.Text");
}

9第九类已定义的对象的方法,和单独的函数是一样的,

     不加括号是如果没定义就是假,

   

var obj={};
obj.Funtext=function(){};
if(obj.Funtext)
{
alert("true  obj.Funtext;");
}
else
{
alert("false  obj.Funtext");
}
if(obj.Funtext1)//未定义属性,也没有定义方法
{
alert("true  obj.Funtext1;");
}
else
{
alert("false  obj.Funtext1");
}


      加了括号相当于调用方法,就是根据返回值判断真假。

    

var obj={};
obj.Funtext=function(){};
if(obj.Funtext())
{
alert("true  obj.Funtext();");
}
else
{
alert("false  obj.Funtext()");
}
obj.Funtext2=function(){ return "ff"};
if(obj.Funtext2())
{
alert("true  obj.Funtext2();");
}
else
{
alert("false  obj.Funtext2()");
}


 
 可以看到在js中可以在if中作为判断的类型很多,但最终都可以看做这些类型的变形。只要掌握了这些最基本的,就可以灵活运用if判断了。

最基本是null,undefined,if判断都是假;对于数值类型,0是假,其他为真;对于字符类型空字符串是假,其他为真,对于方法属性,如果定义了就是真,否则就是假,其他所有都可以看做是这些的变相应用。

  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐