JavaScript中令你抓狂的魔术变量


Posted in Javascript onNovember 30, 2006

在存在这么一个变量 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允许重复定义函数,执行的时候以以后一个为准。

Javascript 相关文章推荐
javascript编程起步(第五课)
Feb 27 Javascript
JQuery 学习笔记 选择器之五
Jul 23 Javascript
基于jquery的checkbox下拉框插件代码
Jun 25 Javascript
动态创建样式表在各浏览器中的差异测试代码
Sep 13 Javascript
JavaScript中的连字符详解
Nov 28 Javascript
javascript删除元素节点removeChild()用法实例
May 26 Javascript
在JavaScript中使用对数Math.log()方法的教程
Jun 15 Javascript
JavaScript如何获取数组最大值和最小值
Nov 18 Javascript
jQueryUI DatePicker 添加时分秒
Jun 04 Javascript
jquery插入兄弟节点的操作方法
Dec 07 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 Javascript
js中复选框的取值及赋值示例详解
Oct 18 Javascript
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
Nov 30 #Javascript
小议Function.apply() 之一------(函数的劫持与对象的复制)
Nov 30 #Javascript
addRule在firefox下的兼容写法
Nov 30 #Javascript
跟随鼠标旋转的文字
Nov 30 #Javascript
推荐:极酷右键菜单
Nov 29 #Javascript
双击滚屏-常用推荐
Nov 29 #Javascript
js获取单选按钮的数据
Nov 27 #Javascript
You might like
php实现无限级分类实现代码(递归方法)
2011/01/01 PHP
php 错误处理经验分享
2011/10/11 PHP
使用PHP生成PDF方法详解
2015/01/23 PHP
jquery last-child 列表最后一项的样式
2010/01/22 Javascript
jquery的Tooltip插件 qtip使用详细说明
2010/09/08 Javascript
JSONP 跨域访问代理API-yahooapis实现代码
2012/12/02 Javascript
仿百度联盟对联广告实现代码
2014/08/30 Javascript
JS实现网页Div层Clone拖拽效果
2015/09/26 Javascript
完美JQuery图片切换效果的简单实现
2016/07/21 Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
2016/08/08 Javascript
简单实现JavaScript图片切换效果
2016/11/28 Javascript
Node.js Express 框架 POST方法详解
2017/01/23 Javascript
JavaScript中值类型和引用类型的区别
2017/02/23 Javascript
详解Vue2中组件间通信的解决全方案
2017/07/28 Javascript
详解react服务端渲染(同构)的方法
2017/09/21 Javascript
Vue组件化开发思考
2018/02/02 Javascript
创建与框架无关的JavaScript插件
2020/12/01 Javascript
[00:58]2016年国际邀请赛勇士令状宣传片
2016/06/01 DOTA
[01:06:25]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第一场 8.25
2018/08/29 DOTA
[01:27:30]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Python内置的字符串处理函数详细整理(覆盖日常所用)
2014/08/19 Python
解决uWSGI的编码问题详解
2017/03/24 Python
python实现简易云音乐播放器
2018/01/04 Python
matplotlib绘图实例演示标记路径
2018/01/23 Python
python实现数据库跨服务器迁移
2018/04/12 Python
idea创建springMVC框架和配置小文件的教程图解
2018/09/18 Python
Python的高阶函数用法实例分析
2019/04/11 Python
Python控制Firefox方法总结
2019/06/03 Python
Python异常处理例题整理
2019/07/07 Python
Python爬虫小例子——爬取51job发布的工作职位
2020/07/10 Python
英文简历自荐信范文
2013/12/11 职场文书
教育课题研究自我鉴定范文
2013/12/28 职场文书
经典的毕业生自荐信范文
2014/04/14 职场文书
向国旗敬礼学生寄语大全
2014/09/30 职场文书
2014年小学教导处工作总结
2014/12/19 职场文书
2015年公司行政后勤工作总结
2015/05/20 职场文书