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 相关文章推荐
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
Jun 18 Javascript
jQuery实现表格行上下移动和置顶效果
Jun 05 Javascript
js中的内部属性与delete操作符介绍
Aug 10 Javascript
chrome调试javascript详解
Oct 21 Javascript
基于JS代码实现当鼠标悬停表格上显示这一格的全部内容
Jun 12 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
Jun 12 Javascript
JS正则匹配中文的方法示例
Jan 06 Javascript
bootstrap实现的自适应页面简单应用示例
Mar 09 Javascript
前端自动化开发之Node.js的环境搭建教程
Apr 01 Javascript
Bootstrap 3多级下拉菜单实例
Nov 23 Javascript
Vue组件通信的四种方式汇总
Feb 08 Javascript
通过原生vue添加滚动加载更多功能
Nov 21 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针对cookie操作的队列操作类实例
2014/12/10 PHP
PHP里面把16进制的图片数据显示在html的img标签上(实现方法)
2017/05/02 PHP
thinkphp 验证码 的使用小结
2017/05/07 PHP
Yii框架日志记录Logging操作示例
2018/07/12 PHP
php微信公众号开发之校园图书馆
2018/10/20 PHP
PHP模版引擎原理、定义与用法实例
2019/03/29 PHP
tp5.1 实现setInc字段自动加1
2019/10/18 PHP
phpQuery采集网页实现代码实例
2020/04/02 PHP
Prototype1.6 JS 官方下载地址
2007/11/30 Javascript
jQuery 使用手册(三)
2009/09/23 Javascript
给ListBox添加双击事件示例代码
2013/12/02 Javascript
jQuery中:button选择器用法实例
2015/01/04 Javascript
详解javascript实现自定义事件
2016/01/19 Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
2016/12/26 Javascript
JS中mouseup事件丢失的原因与解决办法
2017/06/14 Javascript
用vue快速开发app的脚手架工具
2018/06/11 Javascript
react实现换肤功能的示例代码
2018/08/14 Javascript
jquery轻量级数字动画插件countUp.js使用详解
2019/10/17 jQuery
JavaScript实现简单随机点名器
2019/11/21 Javascript
JS精确判断数据类型代码实例
2019/12/18 Javascript
ES6箭头函数和扩展实例分析
2020/05/23 Javascript
[14:57]DOTA2 HEROS教学视频教你分分钟做大人-幽鬼
2014/06/13 DOTA
使用python验证代理ip是否可用的实现方法
2018/07/25 Python
在Python中如何传递任意数量的实参的示例代码
2019/03/21 Python
将pytorch转成longtensor的简单方法
2020/02/18 Python
Python中的整除和取模实例
2020/06/03 Python
Django实现文章详情页面跳转代码实例
2020/09/16 Python
Kipling意大利官网:世界著名的时尚休闲包袋品牌
2019/06/05 全球购物
公司办公室岗位职责
2014/03/19 职场文书
幼儿园亲子活动总结
2014/04/26 职场文书
幼儿园教师节活动总结
2015/03/23 职场文书
房地产项目合作意向书
2015/05/08 职场文书
雨雪天气温馨提示
2015/07/15 职场文书
Pytorch 使用tensor特定条件判断索引
2021/04/08 Python
如何用Python搭建gRPC服务
2021/06/30 Python
《地。-关于地球的运动-》单行本第七集上市,小说家朝井辽献上期待又害怕的推荐文
2022/03/31 日漫