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 相关文章推荐
如何快速的呈现我们的网页的技巧整理
Jul 01 Javascript
juqery 学习之四 筛选过滤
Nov 30 Javascript
jquery动画1.加载指示器
Aug 24 Javascript
JS实现的省份级联实例代码
Jun 24 Javascript
js控制台输出的方法(详解)
Nov 26 Javascript
JavaScript实现邮箱地址自动匹配功能代码
Nov 28 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
Sep 01 Javascript
vue将毫秒数转化为正常日期格式的实例
Sep 16 Javascript
JavaScript ES2019中的8个新特性详解
Feb 20 Javascript
bootstrap table.js动态填充单元格数据的多种方法
Jul 18 Javascript
ES6 Promise对象概念及用法实例详解
Oct 15 Javascript
分享几个JavaScript运算符的使用技巧
Apr 24 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面向对象全攻略 (三)特殊的引用“$this”的使用
2009/09/30 PHP
PHP number_format() 函数定义和用法
2012/06/01 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
PHP解析url并得到url参数方法总结
2018/10/11 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
PhpStorm2020.1 安装 debug - Postman 调用的详细教程
2020/08/17 PHP
PHP接入支付宝接口失效流程详解
2020/11/10 PHP
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
2007/02/03 Javascript
Prototype 学习 工具函数学习($w,$F方法)
2009/07/12 Javascript
DIY jquery plugin - tabs标签切换实现代码
2010/12/11 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
2015/03/14 Javascript
jQuery选择器源码解读(八):addCombinator函数
2015/03/31 Javascript
JQuery给网页更换皮肤的方法
2015/05/30 Javascript
javascript实现base64 md5 sha1 密码加密
2015/09/09 Javascript
详解JavaScript基本类型和引用类型
2015/12/09 Javascript
原生js开发的日历插件
2017/02/04 Javascript
CodeMirror js代码加亮使用总结
2017/03/25 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
2017/06/21 Javascript
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
2017/07/27 Javascript
vue2.0 常用的 UI 库实例讲解
2017/12/12 Javascript
[10:18]2018DOTA2国际邀请赛寻真——Fnatic能否笑到最后?
2018/08/14 DOTA
Python修改Excel数据的实例代码
2013/11/01 Python
快速入门python学习笔记
2017/12/06 Python
利用Python如何实现数据驱动的接口自动化测试
2018/05/11 Python
python3.5绘制随机漫步图
2018/08/27 Python
python mysql 字段与关键字冲突的解决方式
2020/03/02 Python
keras实现VGG16 CIFAR10数据集方式
2020/07/07 Python
基于PyInstaller各参数的含义说明
2021/03/04 Python
美国办公用品折扣网站:Shoplet.com
2019/11/24 全球购物
历史教育专业个人求职信
2013/12/13 职场文书
实用的简历自我评价
2014/03/06 职场文书
旺仔牛奶广告词
2014/03/20 职场文书
先进个人自荐书
2015/03/06 职场文书
《棉鞋里的阳光》教学反思
2016/02/20 职场文书
感谢信
2019/04/11 职场文书
python 进阶学习之python装饰器小结
2021/09/04 Python