Oo缘来是你oO
posts - 120,comments - 125,trackbacks - 0
JavaScript中的Boolean，你了解多少？
                               JavaScript中的Boolean，你了解多少？
                                                       马嘉楠      2006-10-30


今天看了一下Flyingis写的《ECMAScript 基础》一文。在看到 Boolean类这一块内容的时候，随手写了几行代码，问题出现了^+^
注：此文讨论的是JavaScript1.5


还是先来看一段非常简单的代码
// code：1
var  x  =   false ;   
 var  y  =   true ;

 // code：2
var  xObject  =   new  Boolean( false );
 var  yObject  =   new  Boolean( true );

 // code：3
var  resX  =   new  Boolean(x);
 var  resY  =   new  Boolean(y);

 // code：4
var  resXObject  =   new  Boolean(xObject);
 var  resYObject  =   new  Boolean(yObject);

 // code：5
alert( " resX =  "   +  resX  +   "  and resY =  "   +  resY);
alert( " resXObject =  "   +  resXObject  +   "  and resYObject =  "   +  resYObject);

你明白code：1~4 之间的区别么？（你一定对code：1最为熟悉，这是我们最常用的）
你知道code：5 的输出结果么？（可以先想想，在运行代码看结果，如果不明白，可以继续看下去）


如果你已经开始头晕了，那就暂时不去想了，看我下面的解释。
如果你都知道了（哇，高手啊，呵呵^+^），那我还有个问题需要你的解答，在此先谢过了。


正文：
JavaScript中的Boolean类型

1.   我们所熟悉的

var x = false;
var y = true;

这是我们大家都熟悉的，此时我们使用的是原始的Boolean值（the primitive Boolean values ）true和false

2.   我们很少用到的

var xObject = new Boolean(false);
var yObject = new Boolean(true);

此时我们声明了一个Boolean对象，Boolean对象是对Boolean值的一个封装。
Boolean对象：一个值为true或false的Boolean对象。

原始的Boolean值和Boolean对象是有区别的，不要相互混淆，引用Core JavaScript 1.5 Reference中的一句话：Do not confuse the primitive Boolean values true and false with the true and false values of the Boolean object.


3.   区别

区别（1）：   声明形式

区别（2）：   在条件语句（condition statement）中

var x = false;
var xObject = new Boolean(false);

if(x)
    alert("x = true");
else
    alert("x = false");

if(xObject)
    alert("xObject = " + xObject + ", but in the condition statement, the xObject value is evaluated to true");
else
    alert("xObject = false");


输出结果：

x = false
xObject = false,  but in the condition statement, the xObject value is evaluated to true


当一个值为false的Boolean对象放到条件语句当中的时候，Boolean对象的值会被当作true来计算，但是它本身的值并没有改变，依然是false。很有趣，我只知道现象，具体原因不清楚，不知道发明者出于什么地考虑。但是在JavaScript1.2或者更早的版本中却有所不同，在条件语句（condition statement）中，Boolean对象的计算返回的是其对应的原始Boolean的值。


区别（3）：初始化Boolean对象

声明一个Boolean对象，如果我们用一个值为false的Boolean对象对其进行初始化，则新的Boolean对象的值为true

var xObject = new Boolean(false);
var resXObject = new Boolean(xObject);
alert("The resXObject value is " + resXObject);

原始的Boolean值和Boolean对象区别如此之大，所以切记二者区别，不要混淆使用。

对于code：5 的输出结果，你现在明白是什么原因了吧。



上面的东东我也是今天遇到了问题，查了一些资料才知道，学无止境啊。可是我的问题依然没有解决。
我的问题是关于Boolean对象的初始化。代码如下，

var ob1 = new Boolean(false);
var ob2 = (ob1&&true);
var ob3 = (true&&ob1);
var ob4 = Boolean(ob1&&true);
var ob5 = Boolean(true&&ob1);
alert("ob2 = " + ob2 + " ob3 = " + ob3 + " ob4 = " + ob4 + " ob5 = " + ob5);

结果：

ob2 = true ob3 = false ob4 = true ob5 = true
js.JPG


我对ob2 和 ob3的结果不太理解，为什么我只是更改了ob1和true的顺序，结果去完全不同了。并且可以发现，结果均等于操作符“&&”后面的值。

希望大家能告诉我！


 问题已经解决：

||是这样运算的：从第一个开始，遇到有意义的返回，否则返回最后一个表达式（注意不一定是Boolean值）；

&&是这样运算的：从第一个开始，遇到无意义的返回，否则返回最后一个表达式（注意同上）；

!是这样运算的：对表达式的值取非（注意不是对表达式）。

什么是无意义呢：如下六个 0,null,undefined,"",false,NaN。除此，视为有意义。

new Boolean(),new Boolean(false)是同一个东西，由于它是一个对象，故是有意义的，但其值为false，所以，可以看为“有意义的false”，所以结果为最后一个表达式的值。

谢谢 jeffjie

继续学习^+^





马嘉楠
jianan.ma@gmail.com

posted on 2006-10-30 23:41 马嘉楠 阅读(4937) 评论(14)  编辑  收藏 所属分类: Java Script

FeedBack:
# re: JavaScript中的Boolean，你了解多少？
2006-10-31 00:17 | JonneyQuest
好像JavaScript的设计者把简单的事情做得复杂了。
这么设计有意义吗？  回复  更多评论
  
# re: JavaScript中的Boolean，你了解多少？
2006-10-31 00:53 | jeffjie

var x = false;
var xObject = new Boolean(false);

if(x)
alert("x = true");
else
alert("x = false");

if(xObject)
alert("xObject = " + xObject + ", but in the condition statement, the xObject value is evaluated to true");
else
alert("yObject = false");
这个的原因我凭自已的经验解释一下：
javascript 的 if表达式内的表达式如果不是比较表达式，即不是类似 == < > 这类的表达式时，会把里面的表达式当作一个对象来处理，只要这个对象不为空，就返回true，正如new Boolean(false)是一个Boolean的对象，不为空。如果你的表达式是这样：if(xObject.valueOf() == true)的话，这时候就会返回Flase了。
个人意见，python也是这样处理if的表达式。

至于
var ob1 = new Boolean(false);
var ob2 = (ob1&&true);
var ob3 = (true&&ob1);
这个，我重现不了您说的结果。
  回复  更多评论
  
# re: JavaScript中的Boolean，你了解多少？
2006-10-31 01:17 | 马嘉楠
@jeffjie

谢谢啦
问题已经解决：

||是这样运算的：从第一个开始，遇到有意义的返回，否则返回最后一个表达式（注意不一定是Boolean值）；

&&是这样运算的：从第一个开始，遇到无意义的返回，否则返回最后一个表达式（注意同上）；

!是这样运算的：对表达式的值取非（注意不是对表达式）。

什么是无意义呢：如下六个 0,null,undefined,"",false,NaN
除此，视为有意义。

new Boolean(),new Boolean(false)是同一个东西，由于它是一个对象，故是有意义的，但其值为false，所以，可以看为“有意义的false”，（正如你所说的一样）。
所以结果为最后一个表达式的值。

继续学习^+^
  回复  更多评论
  
# re: JavaScript中的Boolean，你了解多少？
2006-10-31 02:14 | jeffjie
长知识了。谢谢。不过你最后的那个例子，在我的机子上的确重现不了。
firefox1.5 ubuntu。。
明天回公司用IE估计可以重现。应该是Javascipt的支持不同的原因。
像上面的情况，的确有点令人费解。尽管是有道理。。呵  回复  更多评论
  
# re: JavaScript中的Boolean，你了解多少？
2006-10-31 09:04 | xinheqishi
长见识了，谢谢楼主。
*****************************************************
||是这样运算的：从第一个开始，遇到有意义的返回，否则返回最后一个表达式（注意不一定是Boolean值）；

&&是这样运算的：从第一个开始，遇到无意义的返回，否则返回最后一个表达式（注意同上）；

!是这样运算的：对表达式的值取非（注意不是对表达式）。
*****************************************************
请问在java中这些运算符号也是这样操作的吗？？  回复  更多评论
  
# re: JavaScript中的Boolean，你了解多少？
2006-10-31 10:22 | 马嘉楠
@xinheqishi

*************************
请问在java中这些运算符号也是这样操作的吗？？
*************************
提示如下：
The operator && is undefined for the argument type(s) Boolean, boolean.

如果把ob1进行一下转换就可以了，ob1.booleanValue()，但是此时该表达式已经是原始Boolean值false,所以结果为false.同时需要把ob2,ob3的类型改为boolean。
如果把true改为Boolean.valueOf(true)，依然提示错误：
The operator && is undefined for the argument type(s) Boolean, Boolean.


代码如下：
Boolean ob1 = new Boolean(true);
boolean ob2 = ( ob1.booleanValue() && true );
boolean ob3 = ( true && ob1.booleanValue() );
System.out.println("ob2 = " + ob2 + " ob3 = " + ob3);
输出结果：
ob2 = true ob3 = true


当然，如果是操作符“&&”，遇到值为false的表达式就不再往下继续计算，直接返回结果false.如果是操作符“||”，遇到值为true的表达式就不再继续往下计算，直接返回结果true。 这个我们都知道，这种计算叫什么名字我突然想不起来了，呵呵
  回复  更多评论
  
# re: JavaScript中的Boolean，你了解多少？
2006-10-31 21:02 | Larry.Zhao
其实就是这样的，如果是对象的话，javascript是用对象存在与否来做条件判断的，就是如果你给了一个没有初始化的对象:if(a)，那么就会被视为非真，这个在程序语言中是这样表示的: if(a == null)，但是在js里面可以表示为if(a)  回复  更多评论
  
# re: JavaScript中的Boolean，你了解多少？
2006-10-31 21:29 | Flyingis
@马嘉楠
var obj = new Boolean(false);
if(obj) {
alert("a");
}
else {
alert("b");
}
这段代码返回的结果正如jeffjie所说，if判断的是对象是否存在，而不是对象的值。

"这种计算叫什么名字我突然想不起来了"
这是布尔运算。
需要注意的是，在Java或C#中&&和&、||和|计算方式是有差别的，一种是两侧均进行计算，一种是满足判断条件则立即返回，布尔表达式的运算方向是从右到左。

JavaScript这种语言除具有自身语法特点外，还受到浏览器兼容性、版本的影响，不同的浏览器及相同浏览器的不同版本对于JavaScript版本的支持是不同的，深究其语法有时会让人很费解。  回复  更多评论
  
# re: JavaScript中的Boolean，你了解多少？
2006-10-31 22:01 | 马嘉楠
@Flyingis

确实让人费解
不过现在至少明白了一些JavaScript中的对象

谢拉

  回复  更多评论
  
# re: JavaScript中的Boolean，你了解多少？
2012-08-09 10:45 | mrsy
var resX = new Boolean(null);
document.writeln(resX); //true
document.writeln(resX.toString());//false
谁能给我解释一下这个是什么原因  回复  更多评论
  
# re: JavaScript中的Boolean，你了解多少？[未登录]
2013-12-19 13:51 | hewei
typeof true 'boolean'
type of new Boolean(false) 'object'
object 总为真   回复  更多评论
  
# re: JavaScript中的Boolean，你了解多少？
2015-10-31 10:43 | ezqrq
@jeffjie
对，所有的布尔对象要引用都需用（==true）判断；如果要输出值应该这样
var a；
var ob1 = new Boolean(false);
if (ob1==true）
a==true；
else
a==false；
然后用a代替ob1；
  回复  更多评论
  
# re: JavaScript中的Boolean，你了解多少？
2015-10-31 11:02 | ezqrq
除此之外，容易混淆的还有数组与Array对象；数与Number对象；字符串和String对象；事件与Event对象  回复  更多评论
  
# re: JavaScript中的Boolean，你了解多少？
2015-10-31 11:52 | 伊泽godv
var s = "Test", S=new String("Test");
console.log(s == S);//true
console.log(s === S);//false  回复  更多评论
  

只有注册用户登录后才能发表评论。
网站导航:
 
Copyright ©2024 马嘉楠 Powered By博客园 模板提供：沪江博客