JavaScript中令你抓狂的魔术变量

186 阅读 0 评论 123 点赞

我是靠谱客的博主成就冬日，最近开发中收集的这篇文章主要介绍JavaScript中令你抓狂的魔术变量，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在存在这么一个变量 tt, 它满足下面的代码.
代码执行完毕后 ,errCount=0 而且断言函数也从未 alert 信息
代码如下:

复制代码代码如下:

<script>  
 var tt=/* 请在这里定义tt */;  
 var errCount=0  //全局变量，用来记录 assert 函数出现断言宣告的次数  
/*  
 断言函数  
 如果v为假，该函数就 alert("assert error"),并累加计数器 errCount  
 如果v为真，就什么也不做  
 */  
 function assert(v) {   
 if (!v) {  
 alert("assert error");  
 errCount++;  
 }  
 }  

 assert((tt || true)   == false)  
 assert((tt || false)  == false)  
 assert((tt && true)   == true)  
 assert((tt && false)  == false)  
 assert((true || tt )  == true)  
 assert((tt || true )  == false)  
 assert((false || tt ) == false)  
 assert((tt || false ) == false)  
 assert((true && tt)   == false)  
 assert((tt && true )  == true)  
 assert((false && tt ) == false)  
 assert((tt && false ) == false)  

 assert((tt ? true : false) == true)  
 assert((tt == false)       == true)  
 assert((!tt == tt  )       == true)  
 assert((tt + '')           == "false")  
 assert(tt                  == false)  

   
 alert(errCount)  //结果是打印 0  

 </script> 

同发 CSDN: JavaScript中的魔术变量
这个问题是我一个同事在下班后考我的一个题目.我当时想了很久,也尝试了很久.
得到如下答案,能满足题目的要求.
答案如下:
var tt=new Object(false);
var tt=new Boolean();
var tt=new Boolean(false);
通过这个题目我们足可以感受到js的灵活,更可以加深对js的理解.
我以前经常在代码中使用如下判断
if (a){
  alert('ok')
}
现在看来,这样写的逻辑隐患是非常大的.
借csdn中一个网友的精彩回复来解释一下上面的问题
||是这样运算的：从第一个开始，遇到有意义的返回，否则返回最后一个表达式（注意不一定是Boolean值）；
&&是这样运算的：从第一个开始，遇到无意义的返回，否则返回最后一个表达式（注意同上）；
!是这样运算的：对表达式的值取非（注意不是对表达式）。
什么是无意义呢：如下六个 0,null,undefined,"",false,NaN
除此，视为有意义。
new Boolean(),new Boolean(false)是同一个东西，由于它是一个对象，故是有意义的，但其值为false，所以，可以看为“有意义的false”，这样，就可以解释所有的问题了。
new Object(false)，也是有意义的，其值也为false，只不过其类型为Object，而new Boolean()其类型为Boolean而已。
再提醒一点：||与&&这两个运算符不是对值的运算，即在运算过程中不管表达式的值，而是对表达式本身进行运算；
这两个运算符对表达式究竟如何运算？
答：只管表达式是否有意义，而不管其值几何。
对于表达式，无意义的只有6个；这里要注意：所有以new方式生成的对象为动态对象，动态对象均视为有意义
再举例两个说明：
一、0||false||new Boolean(false)
运算如下：
首先：0是一个常数，刚好是无意义之一，故继续；而false也是无意义之一，故再继续；new Boolean(false)为动态对象，有意义，故上面运算结果为new Boolean(false)
二、0||new Boolean(false)||true
这会是什么结果？很多人不注意就会以为结果为true,但这是不对的。
先说答案：结果同上
首先：0是一个常数，刚好是无意义之一，故继续；new Boolean(false)为动态对象，有意义；这里已经找到有意义的表达式，故不再往下运算了。所以结果同上。
=====
对&&运算符，同理，不再多说。
题外话:
  有意思的是,在答案出来后,我们还采用了一些非常规手段的答这个题(仅供娱乐)

var tt=window["assert"]=new Function();
这句话的意思相当于下面两行代码
function assert(){}
function tt(){}
javascript允许重复定义函数，执行的时候以以后一个为准。