JavaScript:undefined!=false之解 及==比较的规则

JS中有一个基本概念就是: 
JavaScript中undefined==null 
但undefined!==null 
undefined与null转换成布尔值都是false 
如果按照常规想法,比如下面的代码

var a=1;
alert(Boolean(a));//返回true
//那么下面的代码也应该返回true
alert(1==true);

//但肯定的,下面的代码会返回false
alert(1===true);
但对于下面的代码,估计会让大部分JS程序员疑惑
alert(123==true);//为什么返回false

alert(Boolean(undefined));//outputs false
alert(Boolean(null));//outputs false

alert(undefined==false);//竟然返回false
alert(null==false);//竟然也返回false

至于其原因,下面作一个尝试性的解析(是尝试性的解析)

首先看看JS中的==比较是如何比较的 
对于标量,“==”直接比较其中的值就行了 
而对于两个对象(这里特指除去原始值的对象……因为在JS可以说一切皆对象) 
则是比较其引用 
因此对于两个对象的比较,看它们是不是同一个对象,是不需要用===(严格相等,值相等且类型相同)的

再深入分析下JS对于标量应用==比较时的情况 
对于相同类型的两个标量的比较,除了NaN比较特殊之外(NaN==NaN返回false),都没什么疑点 
而对于类型不同的两个标量的比较,JS就有一套严格的规则,这规则JS解析引擎具体怎样执行的,抱歉,还没去看JS解析引擎的源代码呢,这里只好对其表现作个总结 
1.将Boolean,Number,String这三种类型进行不同类型的==比较时,其规则是,总将两边的值转换成数字,再看看转换结果数字是否相等 
如下代码

alert(1==true);//true转换成数字也是1
alert(‘1‘==true);//将字符串‘1‘与true都转换成数字

alert(‘abc‘==true);//虽然字符串‘abc‘转换成布尔值是true,但这里会返回false
//因为‘abc‘转换成数字是NaN,而true转换成数字是1

alert(123==‘123‘);//同理,true

而undefined与null,它们是简单类型还是引用类型呢? 
将上面的规则 应用于undefined与null时就不正确了,在解析之前,先看看==比较的其它形式

JS中简单类型与引用类型进行==比较的情况 
这种比较与是有规则的,并且可以用代码来验证JS内部的执行情况 
将一个简单类型(这里指除undefined与null的值)与一个对象比较时, 
先调用对象的valueOf方法,以期待返回一个标量,如果对象的valueOf方法返回的仍然是一个复合对象的话 
就接着调用对象的toString方法以期待返回一个标量,如果仍然没有返回标量的话,就判为不相等 
如果valueOf或toString方法之一返回一个标量,就用这个标量同==另一边的标量进行比较

var obj={};
alert(obj=="abc");//false
obj.toString=function () {
    return ‘abc‘;
};
alert(obj==‘abc‘);//这时就返回true了

alert(obj==123);//false
obj.valueOf=function () {return 123};
alert(obj==123);//true!!!

obj.valueOf=undefined;//先将这个方法清空掉,以免受上面的代码影响
alert(obj==true);//false
obj.valueOf=function () {
  return 1;//只要返回一个能转换成布尔值的标量就行了,1或true都行,都表示true
};
alert(obj==true);//true!!!!

事实上还可以用下面的代码进行验证,将一个复合对象与标量进行比较时,总会先调用对象的valueOf, 
valueOf方法返回不是一个标量的话还会接着调用toString方法

var obj={
    toString:function () {
        alert(‘valueOf方法没有返回标量,我会被调用‘);
    },
    valueOf:function () {
        alert(‘我先被调用,Object的valueOf方法默认实现是返回对象自身‘);
    }
};
alert(1==obj);//可以看到执行次序

那么讲了这么多,这和undefined!=false有什么关系呢? 
JS中的==对两边的对象进行比较时,undefined将被转换成数字,也就是说,undefined被看成基本值 
而又由于undefined转换成数字为NaN,所以将Number,String,Boolean这三种类型与undefined比较时,总是返回false 
而对于null,JS则将其当成对象来比较,即尝试调用null的valueOf与toString方法,再将返回的结果与另一个值进行比较,可以推断null==false返回false的原因是因为null的valueOf实现导致的 
由于null没有valueOf与toString方法,因此始终返回false

ECMAScript规范是怎么说的? 
ECMAScript规范中指出,a与b进行比较,如果a与b是Number,String,Boolean这三种类型中的一种, 
并且a与b的类型不同,那么就将a与b都转换成数字再进行比较 
也就是说

var a="true";
var b=true;
alert(a==b);
//结果等同于下面的代码
alert(Number(a)===Number(b));

而如果a是Number,String,Boolean这三种类型中的一种,而b是一个复合对象时(Object,Array等) 
则对b执行ToPrimitive操作(这步是JS解释器执行的) 

var a="abc";
var b={};
alert(a==b);
//上面的一行代码在JS解析时将被解释成
//a==ToPrimitive(b);

而这个ToPrimitive方法的实现,正是依次去调用对象的valueOf,toString方法,直到其中一个方法返回一个基本值 
如果这两个方法没有返回基本值 ,那就认定不相等

而当a和b都是复合对象时,就很简单,就看a和b是不是同一个对象的引用!

而对于将undefined,null与其它类型进行比较的,则没具体说,只说了将 
任何基本类型与Boolean类型比较时,会将其转换成数字(与前面的规则一样)

总结 
Number,Boolean,String,Undefined这几种基本类型混合比较时,会将其转换成数字再进行比较 
基本类型与复合对象进行比较时,会先将复合对象转换成基本类型(依次调用valueOf与toString方法)再进行比较 
undefined被当成基本类型,undefined转换成数字是NaN,因此undefined与除null之外的其它类型值进行比较时始终返回false(注意NaN==NaN返回false) 
null被当成复合对象,由于null没有valueOf与toString方法,因此和除了undefined之外的其它类型值进行比较时始终返回false

时间: 2024-11-08 20:41:16

JavaScript:undefined!=false之解 及==比较的规则的相关文章

javascript return false 详解

在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页. Return False 就相当于终止符,Return True 就相当于执行符. 在js中return false的作用一般是用来取消默认动作的.比如你单击一个链接除了触发你的 onclick时间(如果你指定的话)以外还要触发一个默认事件就是执行页面的跳转.所以如果 你想取消对象的默认动作就可以return false. <input ty

Javascript 严格模式详解

Javascript 严格模式详解 作者: 阮一峰 日期: 2013年1月14日 一.概述 除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode).顾名思义,这种模式使得Javascript在更严格的条件下运行. 设立"严格模式"的目的,主要有以下几个: - 消除Javascript语法的一些不合理.不严谨之处,减少一些怪异行为; - 消除代码运行的一些不安全之处,保证代码运行的安全: - 提高编译器效率,增加运行速度

JavaScript对象类型详解

JavaScript对象类型详解 JavaScrtip有六种数据类型,一种复杂的数据类型(引用类型),即Object对象类型,还有五种简单的数据类型(原始类型):Number.String.Boolean.Undefined和Null.其中,最核心的类型就是对象类型了.同时要注意,简单类型都是不可变的,而对象类型是可变的. 什么是对象 一个对象是一组简单数据类型(有时是引用数据类型)的无序列表,被存储为一系列的名-值对(name-value pairs).这个列表中的每一项被称为 属性(如果是函

JavaScript数组方法详解

JavaScript数组方法详解 JavaScript中数组的方法种类众多,在ES3-ES7不同版本时期都有新方法:并且数组的方法还有原型方法和从object继承的方法,这里我们只介绍数组在每个版本中原型上的方法,本文举例介绍了从ES3到ES7几乎所有的数组方法.这大概是最全的数组方法详解了.希望读者能从中有所收获. 一.各版本数组方法一览表 数组方法名 对应版本 功能 原数组是否改变 pop() ES3- 删除最后一位,并返回删除的数据 是 push() ES3- 在最后一位新增一或多个数据,

javascript工具--控制台详解(转自 阮一峰博客)

javascript工具--控制台详解(转自 阮一峰博客) 大神这篇博客是写在2011年,主要介绍 "Firefox" 浏览器插件 "Firebug" 的操作,如今主流浏览器对控制台都已经提供了很好的支持.我自己用的最多是谷歌的 "chrome" 浏览器,下面也用 "chrome" 浏览器来调试. 一.显示信息的命令 console.log();  //控制台输入 网页中不会输出 console.info();  //一般信息

javascript 操作cookies详解

javascript 操作cookies详解 这段操作cookies的方法我使用很久了,但是一直一来没遇到什么问题,今天在做一个在第一个页面保存了cookies,第二个页面获取或者第三个页面获取的功能中,发现了方法的局限性,比如,第一个页面路径为 http://xxxxx/cyb-car2016/h5OfficeWorker/index,第二个页面路径为 http://xxxxx/cyb-car2016/h5AlertController/index,其中除了域名是一样之外,还有一个命名空间不一

代码示例:一些简单技巧优化JavaScript编译器工作详解,让你写出高性能运行的更快JavaScript代码

告诉你一些简单的技巧来优化JavaScript编译器工作,从而让你的JavaScript代码运行的更快.尤其是在你游戏中发现帧率下降或是当垃圾回收器有大量的工作要完成的时候. 单一同态: 当你定义了一个两个参数的函数,编译器会接受你的定义,如果函数参数的类型.个数或者返回值的类型改变编译器的工作会变得艰难.通常情况下,单一同态的数据结构和个数相同的参数会让你的程序会更好的工作. function example(a, b) { // 期望a,b都为数值类型 console.log(++a * +

我看朴灵评注阮一峰的《JavaScript 运行机制详解:再谈Event Loop》

阮一峰和朴灵对我来说都是大牛,他们俩的书我都买过,阮老师的译作<软件随想录>和朴灵的<深入浅出node.js>.这个事情已经过了4个月了,所以我拿来讲应该也没啥问题. 这件事情是这样的,阮一峰在自己的博客写了篇文章<JavaScript 运行机制详解:再谈Event Loop>,然后朴灵看见了,发现了很多问题,然后在印象笔记又写了篇文章<[朴灵评注]JavaScript 运行机制详解:再谈Event Loop>,由于印象笔记现在已经不能访问了(尼玛也太烂了)

JavaScript 运行机制详解

JavaScript 运行机制详解——转载: 一.为什么JavaScript是单线程? JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事.那么,为什么JavaScript不能有多个线程呢?这样能提高效率啊. JavaScript的单线程,与它的用途有关.作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM.这决定了它只能是单线程,否则会带来很复杂的同步问题.比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另