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 相关文章推荐
40款非常棒的jQuery 插件和制作教程(系列一)
Oct 26 Javascript
基于jquery实现后台左侧菜单点击上下滑动显示
Apr 11 Javascript
jquery实现选中单选按钮下拉伸缩效果
Aug 06 Javascript
JS表单验证的代码(常用)
Apr 08 Javascript
KnockoutJS 3.X API 第四章之数据控制流foreach绑定
Oct 10 Javascript
vue实现可增删查改的成绩单
Oct 27 Javascript
VUE JS 使用组件实现双向绑定的示例代码
Jan 10 Javascript
javascript 开发之百度地图使用到的js函数整理
May 19 Javascript
Angular 如何使用第三方库的方法
Apr 18 Javascript
微信小程序(订阅消息)功能
Oct 25 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
Jan 12 Javascript
vuex页面刷新导致数据丢失的解决方案
Dec 10 Vue.js
小议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/12/30 PHP
ThinkPHP CURD方法之where方法详解
2014/06/18 PHP
fckeditor上传文件按日期存放及重命名方法
2015/05/22 PHP
php使用crypt()函数进行加密
2017/06/08 PHP
JavaScript的eval JSON object问题
2009/11/15 Javascript
JavaScript中继承的一些示例方法与属性参考
2010/08/07 Javascript
JavaScript 5 新增 Array 方法实现介绍
2012/02/06 Javascript
javascript 事件处理程序介绍
2012/06/27 Javascript
extjs中form与grid交互数据(record)的方法
2013/08/29 Javascript
js获取所有checkbox的值的简单实例
2016/05/30 Javascript
JavaScript中数组的22种方法必学(推荐)
2016/07/20 Javascript
JS简单测试循环运行时间的方法
2016/09/04 Javascript
jQuery解析XML 详解及方法总结
2016/09/28 Javascript
理解JavaScript原型链
2016/10/25 Javascript
JavaScript模板引擎Template.js使用详解
2016/12/15 Javascript
jQuery插件zTree实现单独选中根节点中第一个节点示例
2017/03/08 Javascript
jQuery中内容过滤器简单用法示例
2018/03/31 jQuery
Vue的watch和computed方法的使用及区别介绍
2018/09/06 Javascript
vue实现移动端悬浮窗效果
2018/12/01 Javascript
js实现随机8位验证码
2020/07/24 Javascript
Vue的属性、方法、生命周期实例代码详解
2019/09/17 Javascript
vue cli3 配置proxy代理无效的解决
2019/10/30 Javascript
Vue封装Axios请求和拦截器的步骤
2020/09/16 Javascript
[45:17]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第三场 1月9日
2021/03/11 DOTA
Python统计日志中每个IP出现次数的方法
2015/07/06 Python
python简单分割文件的方法
2015/07/30 Python
python如何在终端里面显示一张图片
2016/08/17 Python
Python常用库推荐
2016/12/04 Python
使用python对excle和json互相转换的示例
2018/10/23 Python
Pycharm 使用 Pipenv 新建的虚拟环境(图文详解)
2020/04/16 Python
德国自行车商店:Tretwerk
2019/06/21 全球购物
Bonprix法国:时尚、鞋子、家居
2020/12/29 全球购物
咖啡店自主创业商业计划书
2014/01/22 职场文书
大学生社会实践自我鉴定
2014/03/24 职场文书
2015社区爱国卫生工作总结
2015/04/21 职场文书
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python