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自动闭合html标签(自动补全html标记)
Oct 04 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
Jan 11 Javascript
Javascript小技巧之生成html元素
May 15 Javascript
js实现点击添加一个input节点
Dec 05 Javascript
基于javascript实现彩票随机数生成(简单版)
Apr 17 Javascript
探寻JavaScript中this指针指向
Apr 23 Javascript
微信小程序 网络API Websocket详解
Nov 09 Javascript
React Native之ListView实现九宫格效果的示例
Aug 02 Javascript
JavaScript中附件预览功能实现详解(推荐)
Aug 15 Javascript
laravel5.4+vue+element简单搭建的示例代码
Aug 29 Javascript
移动web开发之touch事件实例详解
Jan 17 Javascript
关于Vue项目跨平台运行问题的解决方法
Sep 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
Protoss建筑一览
2020/03/14 星际争霸
php使用websocket示例详解
2014/03/12 PHP
php去除字符串中空字符的常用方法小结
2015/03/17 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
php异常处理方法实例汇总
2015/06/24 PHP
PHP添加图片水印、压缩、剪切的封装类
2015/08/17 PHP
Joomla实现组件中弹出一个模式(modal)窗口的方法
2016/05/04 PHP
php实现统计二进制中1的个数算法示例
2018/01/23 PHP
Javascript判断对象是否相等实现代码
2013/03/18 Javascript
JS获取各种浏览器窗口大小的方法
2014/01/14 Javascript
jQuery实现列表的全选功能
2015/03/18 Javascript
JavaScript里实用的原生API汇总
2015/05/14 Javascript
基于Layer+jQuery的自定义弹框
2020/05/26 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
2016/12/18 Javascript
实例详解ztree在vue项目中使用并且带有搜索功能
2018/08/24 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
2020/06/19 Javascript
Python之eval()函数危险性浅析
2014/07/03 Python
Python列表list数组array用法实例解析
2014/10/28 Python
Python使用Turtle模块绘制五星红旗代码示例
2017/12/11 Python
Python实现按逗号分隔列表的方法
2018/10/23 Python
Python中垃圾回收和del语句详解
2018/11/15 Python
浅谈Python在pycharm中的调试(debug)
2018/11/29 Python
python使用udp实现聊天器功能
2018/12/10 Python
Django框架视图层URL映射与反向解析实例分析
2019/07/29 Python
Python文件路径名的操作方法
2019/10/30 Python
PyInstaller将Python文件打包为exe后如何反编译(破解源码)以及防止反编译
2020/04/15 Python
使用OpenCV获取图像某点的颜色值,并设置某点的颜色
2020/06/02 Python
Python实现中英文全文搜索的示例
2020/12/04 Python
selenium+headless chrome爬虫的实现示例
2021/01/08 Python
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
什么是数组名
2012/05/10 面试题
高三自我鉴定范文
2013/10/19 职场文书
团日活动策划书
2014/02/01 职场文书
2014政务公开实施方案
2014/02/19 职场文书
活动倡议书范文
2014/05/13 职场文书
公司节能减排倡议书
2014/05/14 职场文书