在js中可以作为if的判断条件的类型

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

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

[javascript]  view plain  copy
  1. var obj={};  
  2.  obj.Funtext=function(){};  
  3.     if(obj.Funtext)  
  4.    {  
  5.      alert("true  obj.Funtext;");  
  6.    }  
  7.    else  
  8.    {  
  9.      alert("false  obj.Funtext");  
  10.    }  
  11.    obj.Funtext=function(){};  
  12.     if(obj.Funtext())  
  13.    {  
  14.      alert("true  obj.Funtext();");  
  15.    }  
  16.    else  
  17.    {  
  18.      alert("false  obj.Funtext()");  
  19.    }  

1第一类已定义的变量但未赋值在if中认为是假

例如:

[javascript]  view plain  copy
  1. var  t;  
  2. if(t)  
  3. {  
  4.   alert("true 已定义未赋值");  
  5. }  
  6. else  
  7. {  
  8.   alert("false 已定义未赋值");  
  9. }  

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

例如:

[javascript]  view plain  copy
  1. var  t;  
  2. t="";  
  3.  if(t)  
  4.  {  
  5.    alert("true t='';");  
  6.  }  
  7.  else  
  8.  {  
  9.    alert("false t=''");  
  10.  }  

[javascript]  view plain  copy
  1. if判断是假  
  2.   
  3. 再例如:  

[javascript]  view plain  copy
  1. var  t;  
  2.  t=" ";  
  3.  if(t)  
  4.  {  
  5.    alert("true t=' ';");  
  6.  }  
  7.  else  
  8.  {  
  9.    alert("false t=' '");  
  10.  }  
  11.   t="111";  
  12.  if(t)  
  13.  {  
  14.    alert("true t='111';");  
  15.  }  
  16.  else  
  17.  {  
  18.    alert("false t='111'");  
  19.  }  

if判断是真,也就是对于字符串类型,只要有字符,即使是空格字符if判断也为真。

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

例如:

[javascript]  view plain  copy
  1. var  t;  
  2.  t=false;  
  3.  if(t)  
  4.  {  
  5.    alert("true  t=false;");  
  6.  }  
  7.  else  
  8.  {  
  9.    alert("false  t=false;");  
  10.  }  
  11.   t=true;  
  12.  if(t)  
  13.  {  
  14.    alert("true  t=true;");  
  15.  }  
  16.  else  
  17.  {  
  18.    alert("false  t=true;");  
  19.  }  
4第四类已定义的变量,赋值为0在if中则为假,其他数值认为是真,这和c语言中数值的类型的变量是一样的。

例如:

[javascript]  view plain  copy
  1. var  t;  
  2.  t=0;  
  3.  if(t)  
  4.  {  
  5.    alert("true  t=0;");  
  6.  }  
  7.  else  
  8.  {  
  9.    alert("false  t=0;");  
  10.  }  
  11.   t=0.0;  
  12.  if(t)  
  13.  {  
  14.    alert("true  t=0.0;");  
  15.  }  
  16.  else  
  17.  {  
  18.    alert("false  t=0.0;");  
  19.  }  

测试发现不管是0,还是0.0都是假
[javascript]  view plain  copy
  1. var  t;  
  2.   t=2;  
  3.  if(t)  
  4.  {  
  5.    alert("true  t=2;");  
  6.  }  
  7.  else  
  8.  {  
  9.    alert("false  t=2;");  
  10.  }  

发现非0是都是真 5第五类js中的特殊值null,undefined,都是假
[javascript]  view plain  copy
  1. var  t=null;  
  2.   if(t)  
  3.   {  
  4.     alert("true  t=null;");  
  5.   }  
  6.   else  
  7.   {  
  8.     alert("false  t=null;");  
  9.   }  
  10.    t=undefined;  
  11.   if(t)  
  12.   {  
  13.     alert("true  t=undefined;");  
  14.   }  
  15.   else  
  16.   {  
  17.     alert("false  t=undefined;");  
  18.   }  

由于在js中未定义的变量默认值是undefined,因此这也就就解释了第一类情况



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

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

[javascript]  view plain  copy
  1. function testfunction(){}  
  2.  if(testfunction)  
  3.  {  
  4.    alert("true  testfunction;");  
  5.  }  
  6.  else  
  7.  {  
  8.    alert("false  testfunction;");  
  9.  }  

第二种:带括号的,其实相当于调用函数,自然是根据函数的返回值判断真假

例如:

[javascript]  view plain  copy
  1. function testfunction(){}  
  2. if(testfunction())  
  3.       {  
  4.         alert("true  testfunction;");  
  5.       }  
  6.       else  
  7.       {  
  8.         alert("false  testfunction;");  
  9.       }  

是假,是因为,函数如果没有定义返回值值,则返回值是undefined



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

例如:

[javascript]  view plain  copy
  1. var obj;  
  2.  if(obj)  
  3. {  
  4.   alert("true  obj;");  
  5. }  
  6. else  
  7. {  
  8.   alert("false  obj;");  
  9. }  

其实由于在js中变量在没有赋值时是没有类型的,因此和第一种情况是一样的。

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

[javascript]  view plain  copy
  1. var  obj={};  
  2.    if(obj)  
  3.   {  
  4.     alert("true  obj={};");  
  5.   }  
  6.   else  
  7.   {  
  8.     alert("false  obj={};");  
  9.   }  

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

例如

[javascript]  view plain  copy
  1. var obj={};  
  2. obj.Text="";  
  3.  if(obj.Text)  
  4. {  
  5.   alert("true  obj.Text;");  
  6. }  
  7. else  
  8. {  
  9.   alert("false  obj.Text");  
  10. }  
  11.  obj.Text="Text";  
  12.  if(obj.Text)  
  13. {  
  14.   alert("true  obj.Text;");  
  15. }  
  16. else  
  17. {  
  18.   alert("false  obj.Text");  
  19. }  
  20. obj.Text=0;  
  21.  if(obj.Text)  
  22. {  
  23.   alert("true  obj.Text;");  
  24. }  
  25. else  
  26. {  
  27.   alert("false  obj.Text");  
  28. }  
  29.  obj.Text=1;  
  30.  if(obj.Text)  
  31. {  
  32.   alert("true  obj.Text;");  
  33. }  
  34. else  
  35. {  
  36.   alert("false  obj.Text");  
  37. }  

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

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

[javascript]  view plain  copy
  1. var obj={};  
  2.  obj.Funtext=function(){};  
  3.  if(obj.Funtext)  
  4. {  
  5.   alert("true  obj.Funtext;");  
  6. }  
  7. else  
  8. {  
  9.   alert("false  obj.Funtext");  
  10. }           
  11.  if(obj.Funtext1)//未定义属性,也没有定义方法  
  12. {  
  13.   alert("true  obj.Funtext1;");  
  14. }  
  15. else  
  16. {  
  17.   alert("false  obj.Funtext1");  
  18. }  
加了括号相当于调用方法,就是根据返回值判断真假。
[javascript]  view plain  copy
  1.  var obj={};  
  2.   obj.Funtext=function(){};  
  3.  if(obj.Funtext())  
  4. {  
  5.   alert("true  obj.Funtext();");  
  6. }  
  7. else  
  8. {  
  9.   alert("false  obj.Funtext()");  
  10. }  
  11.  obj.Funtext2=function(){ return "ff"};  
  12.  if(obj.Funtext2())  
  13. {  
  14.   alert("true  obj.Funtext2();");  
  15. }  
  16. else  
  17. {  
  18.   alert("false  obj.Funtext2()");  
  19. }  

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

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


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值