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 相关文章推荐
一些不错的js函数ajax
Aug 20 Javascript
javascript 数组排序函数
Aug 20 Javascript
javascript中的变量是传值还是传址的?
Apr 19 Javascript
jQuery实现tag便签去重效果的方法
Jan 20 Javascript
js实现文字在按钮上滚动的方法
Aug 20 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
Aug 11 Javascript
js图片上传的封装代码
Aug 01 Javascript
javascript 缓冲运动框架的实现
Sep 29 Javascript
微信小程序实现随机验证码功能
Dec 20 Javascript
微信小程序实现的一键连接wifi功能示例
Apr 24 Javascript
antd配置config-overrides.js文件的操作
Oct 31 Javascript
利用js实现简单开关灯代码
Nov 23 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图片上传类带图片显示
2006/11/25 PHP
使用PHP导出Redis数据到另一个Redis中的代码
2014/03/12 PHP
php实现使用正则将文本中的网址转换成链接标签
2014/12/03 PHP
php获得文件大小和文件创建时间的方法
2015/03/13 PHP
Yii2框架配置文件(Application属性)与调试技巧实例分析
2019/05/27 PHP
Javascript中eval函数的使用方法与示例
2007/04/09 Javascript
科讯商业版中用到的ajax空间与分页函数
2007/09/02 Javascript
JavaScript 对象、函数和继承
2009/07/07 Javascript
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
2010/03/04 Javascript
Jquery中对数组的操作代码
2011/08/12 Javascript
jQuery数据缓存功能的实现思路及简单模拟
2013/05/27 Javascript
javasctipt如何显示几分钟前、几天前等
2014/04/30 Javascript
Jquery中扩展方法extend使用技巧
2014/08/24 Javascript
javascript折半查找详解
2015/01/26 Javascript
javascript实现输出指定行数正方形图案的方法
2015/08/03 Javascript
实例详解angularjs和ajax的结合使用
2015/10/22 Javascript
Javascript中级语法快速入手
2016/07/30 Javascript
Vue.js每天必学之过渡与动画
2016/09/06 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
2017/03/03 Javascript
js实现一个猜数字游戏
2017/03/31 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
2017/12/25 jQuery
在vue中使用express-mock搭建mock服务的方法
2018/11/07 Javascript
webpack打包多页面的方法
2018/11/30 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
2019/09/12 Javascript
[47:26]完美世界DOTA2联赛 LBZS vs Forest 第二场 11.07
2020/11/09 DOTA
python中threading超线程用法实例分析
2015/05/16 Python
Python判断Abundant Number的方法
2015/06/15 Python
利用python实现逐步回归
2020/02/24 Python
在keras中model.fit_generator()和model.fit()的区别说明
2020/06/17 Python
python进行OpenCV实战之画图(直线、矩形、圆形)
2020/08/27 Python
opencv python 对指针仪表读数识别的两种方式
2021/01/14 Python
知名企业招聘广告词大全
2014/03/18 职场文书
合同协议书格式
2014/04/18 职场文书
供货协议书
2014/04/22 职场文书
Python实现PIL图像处理库绘制国际象棋棋盘
2021/07/16 Python