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 代码的方法小结
Jul 16 Javascript
创建公共调用 jQuery Ajax 带返回值
Aug 01 Javascript
jQuery的实例及必知重要的jQuery选择器详解
May 20 Javascript
Angular.js中处理页面闪烁的方法详解
Mar 09 Javascript
angular使用post、get向后台传参的问题实例
May 27 Javascript
bootstrap fileinput插件实现预览上传照片功能
Jan 23 Javascript
Node.js log4js日志管理详解
Jul 31 Javascript
浅谈webpack性能榨汁机(打包速度优化)
Jan 09 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
Sep 01 Javascript
Vue中keep-alive的两种应用方式
Jul 15 Javascript
js加减乘除精确运算方法实例代码
Jan 17 Javascript
Vue组件化(ref,props, mixin,.插件)详解
May 15 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编程最快明白》第七讲:php图片验证码与缩略图
2010/11/01 PHP
mysql_num_rows VS COUNT 效率问题分析
2011/04/23 PHP
php数组函数序列之array_pop() - 删除数组中的最后一个元素
2011/11/07 PHP
php随机输出名人名言的代码
2012/10/07 PHP
微信公众平台开发之配置与请求
2015/08/26 PHP
Laravel配置全局公共函数的方法步骤
2019/05/09 PHP
在Laravel的Model层做数据缓存的实现
2019/09/26 PHP
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
2008/08/14 Javascript
functional继承模式 摘自javascript:the good parts
2011/06/20 Javascript
jquery validate在ie8下的bug解决方法
2013/11/13 Javascript
jQuery标签替换函数replaceWith()的使用例子
2014/08/28 Javascript
jquery结合CSS使用validate实现漂亮的验证
2015/01/29 Javascript
Javascript动态创建div的方法
2015/02/09 Javascript
javascript常用功能汇总
2015/07/05 Javascript
js 调用百度分享功能
2017/02/27 Javascript
react-redux中connect()方法详细解析
2017/05/27 Javascript
微信小程序点击控件修改样式实例详解
2017/07/07 Javascript
Angular路由ui-router配置详解
2018/08/01 Javascript
微信小程序系列之自定义顶部导航功能
2019/05/21 Javascript
layUI实现列表查询功能
2019/07/27 Javascript
快速对接payjq的个人微信支付接口过程解析
2019/08/15 Javascript
详解node和ES6的模块导出与导入
2020/02/19 Javascript
python基础教程之缩进介绍
2014/08/29 Python
Python加pyGame实现的简单拼图游戏实例
2015/05/15 Python
Python使用multiprocessing创建进程的方法
2015/06/04 Python
Python实现时钟显示效果思路详解
2018/04/11 Python
python+opencv+caffe+摄像头做目标检测的实例代码
2018/08/03 Python
Pycharm 2020年最新激活码(亲测有效)
2020/09/18 Python
Python用input输入列表的实例代码
2020/02/07 Python
德国网上超市:myTime.de
2019/08/26 全球购物
社会学专业求职信
2014/02/24 职场文书
个人授权委托书范本
2014/09/14 职场文书
逃课检讨书范文
2015/05/06 职场文书
肖申克的救赎观后感
2015/06/02 职场文书
寒假生活随笔
2015/08/15 职场文书
详解MySQL 用户权限管理
2021/04/20 MySQL