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事件(Event)知识整理
Oct 11 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
js实现文本框支持加减运算的方法
Aug 19 Javascript
jquery实现可关闭的倒计时广告特效代码
Sep 02 Javascript
解决jQuery上传插件Uploadify出现Http Error 302错误的方法
Dec 18 Javascript
JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性
Dec 26 Javascript
javascript实现滑动解锁功能
Mar 22 Javascript
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
Angular6笔记之封装http的示例代码
Jul 27 Javascript
浅谈 Webpack 如何处理图片(开发、打包、优化)
May 15 Javascript
vue 实现特定条件下绑定事件
Nov 09 Javascript
Node.js API详解之 os模块用法实例分析
May 06 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
sphinx增量索引的一个问题
2011/06/14 PHP
使用pthreads实现真正的PHP多线程(需PHP5.3以上版本)
2014/05/05 PHP
利用JQuery为搜索栏增加tag提示
2009/06/22 Javascript
基于jquery ajax 用户无刷新登录方法详解
2012/04/28 Javascript
jQuery过滤选择器用法分析
2015/02/10 Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
2015/02/23 Javascript
Jquery实现鼠标移动放大图片功能实例
2015/03/25 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
2016/01/28 Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
2016/05/10 Javascript
深入浅析search 搜索框的写法
2016/08/02 Javascript
Bootstrap中datetimepicker使用小结
2016/12/28 Javascript
防止页面url缓存中ajax中post请求的处理方法
2017/10/10 Javascript
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
2019/02/12 Javascript
深入了解JavaScript代码覆盖
2019/06/13 Javascript
[02:12]打造更好的电竞完美世界:完美盛典回顾篇
2018/12/19 DOTA
简单介绍Python中的floor()方法
2015/05/15 Python
python读写ini配置文件方法实例分析
2015/06/30 Python
python 识别图片中的文字信息方法
2018/05/10 Python
Python面向对象之类和对象实例详解
2018/12/10 Python
python之验证码生成(gvcode与captcha)
2019/01/02 Python
Python DataFrame一列拆成多列以及一行拆成多行
2019/08/06 Python
python requests更换代理适用于IP频率限制的方法
2019/08/21 Python
如何在python中写hive脚本
2019/11/08 Python
Python3爬虫中pyspider的安装步骤
2020/07/29 Python
css3圆角边框和边框阴影示例
2014/05/05 HTML / CSS
德国运动鞋网上商店:Afew Store
2018/01/05 全球购物
澳大利亚女士时装在线:Rockmans
2018/09/26 全球购物
Sneaker Studio罗马尼亚网站:购买运动鞋
2018/11/04 全球购物
机电专业个人自荐信格式模板
2013/09/23 职场文书
竞选演讲稿范文
2013/12/28 职场文书
教师党性分析材料
2014/02/04 职场文书
行政人事岗位职责
2014/03/17 职场文书
小学一年级学生评语
2014/04/22 职场文书
小学语文教研活动总结
2014/07/01 职场文书
产品调价通知函
2015/04/20 职场文书