lodash源码分析之NaN不是NaN
暗恋之纯粹,在于不求结果,完全把自己锁闭在一个单向的关系里面。
——梁文道《暗恋到偷窥》
本文为读 lodash 源码的第五篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodash
gitbook也会同步仓库的更新,gitbook地址:pocket-lodash
本篇分析的是 eq
函数。
作用与用法
eq
函数用来比较两个值是否相等。遵循的是 SameValueZero 规范。
var obj1 = {test: 1}
var obj2 = {test: 1}
var obj3 = obj1
_.eq(1,1) // true
_.eq(+0, -0) // true
_.eq(obj1, obj3) // true
_.eq(obj1, obj2) // false
_.eq(NaN, NaN) // false
几个比较规范
SameValueNonNumber
这个规范规定比较的值 x
和 y
都不为 Number
类型,照抄规范如下:
x
的类型不为Number
类型y
的类型与x
的类型一致- 如果
x
的类型为Undefined
,返回true
- 如果
x
的类型为Null
,返回true
- 如果
x
的类型为String
,并且x
和y
的长度及编码相同,返回true
,否则返回false
- 如果
x
的类型为Boolean
,并且x
和y
同为true
或同为false
,返回true
,否则返回false
- 如果
x
的类型为Symbol
,并且x
和y
具有相同的Symbol
值,返回true
,否则返回false
- 如果
x
和y
指向同一个对象,返回true
, 否则返回false
Strict Equality Comparison
js 中的全等(===
)便是遵循这个规范,照搬规范如下:
- 如果
x
和y
的类型不同,返回false
- 如果
x
的为Number
类型:- a. 如果
x
为NaN
,返回false
- b. 如果
y
为NaN
,返回false
- c. 如果
x
和y
的数值一致,返回true
- d. 如果
x
为+0
并且y
为-0
,返回true
- e. 如果
x
为-0
并且y
为+0
,返回true
- f. 返回
false
- a. 如果
- 按照 SameValueNonNumber 的结果返回
SameValue
规范如下:
- 如果
x
和y
的类型不同,返回false
- 如果
x
的类型为Number
- a. 如果
x
为NaN
并且y
为NaN
,返回true
- b. 如果
x
为+0
并且y
为-0
,返回false
- c. 如果
x
为-0
并且y
为+0
, 返回false
- d. 如果
x
和y
的数值一致,返回true
- e. 返回
false
- a. 如果
- 按照 SameValueNonNumber 的结果返回
SameValueZero
这个是 eq
遵循的规范,如下:
- 如果
x
和y
的类型不同,返回false
- 如果
x
的类型为Number
- a. 如果
x
为NaN
并且y
为NaN
,返回true
- b. 如果
x
为+0
并且y
为-0
,返回true
- c. 如果
x
为-0
并且y
为+0
, 返回true
- d. 如果
x
和y
的数值一致,返回true
- e. 返回
false
- a. 如果
- 按照 SameValueNonNumber 的结果返回
小结:SameValueNonNumber
是基本,Strict Equality Comparison
、SameValue
和 SameValueZero
只是在对待 +0
、-0
和 NaN
上有区别。
源码分析
来看下 eq
的源码:
function eq(value, other) {
return value === other || (value !== value && other !== other)
}
其实eq
的源码其实就只有这么一句。
既然 eq
遵循的是 SameValueZero
规范,那就将源码来拆解一下,看它是怎样符合规范的。
首先,看第一部分:
value === other
就是这么一段,符合的是 Strict Equality Comparison
规范,通过对比可以发现, Strict Equality Comparison
和 SameValueZero
只在对待 NaN
上有区别。
Strict Equality Comparison
规定就算 x
和 y
都为 NaN
时,返回的是 false
, NaN === NaN
返回的就是 false
。但是 SameValueZero
返回的是规定 x
和 y
都为 NaN
时返回的是 true
。因此只需要在 Strict Equality Comparison
的基础上处理 NaN
就可以了。
下面这段便是处理 NaN
的:
(value !== value && other !== other)
在 js 中,只有 NaN
和自身是不相等的,当两个需要比较的值都是和自身不相等时,表明这两个值都为 NaN
,返回 true
。
这样便遵循了 SameValueZero
的比较实现。
可以用Object.is()吗?
Object.is(NaN, NaN)
返回的是 true
,所以 eq
同样可以改成:
function eq(value, other) {
return value === other || Object.is(value, other)
}
Object.is
同样是比较两个值是否一样,但是 Object.is(+0, -0)
返回的是 false
, 它遵循是的 SameValue
规范,因此不可以直接用 Object.is
替代 eq
。
可以用isNaN()吗?
还有个 isNaN
的全局方法,可以用来判断一个值是否为 NaN
。例如 isNaN(NaN)
会返回 true
,那 eq
是否可以改成以下形式呢?
function eq(value, other) {
return value === other || (isNaN(value) && isNaN(other))
}
答案是:不可以!
isNaN
有一个很怪异的行为,如果传入的参数不为 Number
类型,会尝试转换成 Number
类型之后再做是否为 NaN
的判断。所以类似 isNaN('notNaN')
返回的也是 true
,因为字符串 notNaN
会先被转换成 NaN
再做判断,这不是我们想要的结果。
可以用Number.isNaN()吗
为了修复 isNaN
的缺陷,es6
在 Number
对象上扩展了 isNaN
方法,只有是 NaN
时才会返回 true
,因此用 Number.isNaN
来判断是安全的。所以 eq
同样可以改成以下形式:
function eq(value, other) {
return value === other || (Number.isNaN(value) && Number.isNaN(other))
}
参考
License
署名-非商业性使用-禁止演绎 4.0 国际 (CC BY-NC-ND 4.0)
最后,所有文章都会同步发送到微信公众号上,欢迎关注,欢迎提意见:
作者:对角另一面
lodash源码分析之NaN不是NaN的更多相关文章
- lodash源码分析之自减的两种形式
这个世界需要一个特定的恶人,可以供人们指名道姓,千夫所指:"全都怪你". --村上春树<当我谈跑步时我谈些什么> 本文为读 lodash 源码的第六篇,后续文章会更新到 ...
- lodash源码分析之数组的差集
外部世界那些破旧与贫困的样子,可以使我内心世界得到平衡. --卡尔维诺<烟云> 本文为读 lodash 源码的第十七篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodas ...
- lodash源码分析之List缓存
昨日我沿着河岸/漫步到/芦苇弯腰喝水的地方 顺便请烟囱/在天空为我写一封长长的信 潦是潦草了些/而我的心意/则明亮亦如你窗前的烛光/稍有暧昧之处/势所难免/因为风的缘故 --洛夫<因为风的缘故& ...
- lodash源码分析之缓存方式的选择
每个人心里都有一团火,路过的人只看到烟. --<至爱梵高·星空之谜> 本文为读 lodash 源码的第八篇,后续文章会更新到这个仓库中,欢迎 star:pocket-lodash gitb ...
- lodash源码分析之缓存使用方式的进一步封装
在世界上所有的民族之中,支配着他们的喜怒选择的并不是天性,而是他们的观点. --卢梭<社会与契约论> 本文为读 lodash 源码的第九篇,后续文章会更新到这个仓库中,欢迎 star:po ...
- lodash源码分析之baseFindIndex中的运算符优先级
我悟出权力本来就是不讲理的--蟑螂就是海米:也悟出要造反,内心必须强大到足以承受任何后果才行. --北岛<城门开> 本文为读 lodash 源码的第十篇,后续文章会更新到这个仓库中,欢迎 ...
- lodash源码分析之compact中的遍历
小时候, 乡愁是一枚小小的邮票, 我在这头, 母亲在那头. 长大后,乡愁是一张窄窄的船票, 我在这头, 新娘在那头. 后来啊, 乡愁是一方矮矮的坟墓, 我在外头, 母亲在里头. 而现在, 乡愁是一湾浅 ...
- lodash源码分析之chunk的尺与刀
以不正义开始的事情,必须用罪恶使它巩固. --莎士比亚<麦克白> 最近很多事似乎印证了这句话,一句谎言最后要用一百句谎言来圆谎. 本文为读 lodash 源码的第二篇,后续文章会更新到这个 ...
- lodash源码分析之获取数据类型
所有的悲伤,总会留下一丝欢乐的线索,所有的遗憾,总会留下一处完美的角落,我在冰峰的深海,寻找希望的缺口,却在惊醒时,瞥见绝美的阳光! --几米 本文为读 lodash 源码的第十八篇,后续文章会更新到 ...
随机推荐
- Unity3d的模型自动导入帧数表
开发中经常需要,对美术模型进行一些处理.(以fbx为例) 例如,需要把动作的名字.start和end加入animations的clips. 如果手动操作,就是在模型的Inspector窗口,一个动作点 ...
- 算法提高 9-3摩尔斯电码 map
算法提高 9-3摩尔斯电码 时间限制:1.0s 内存限制:256.0MB 问题描述 摩尔斯电码破译.类似于乔林教材第213页的例6.5,要求输入摩尔斯码,返回英文.请不要使用"z ...
- linux用户、组、权限问题
用户.组.权限一.权限:r, w, x1.文件权限: r:可读,可以使用类似cat等命令查看文件内容: w:可写,可以编辑或删除此文件: x: 可执行,eXacutabl ...
- ORACLE SQL 整理
1.查询字段中含有小写字母的数据 SELECT MATERIALCODE FROM RFXITEMATTENDCODE WHERE REGEXP_LIKE(MATERIALCODE,'([a-z])' ...
- js内置构造函数属性修改问题
在学习js原型时遇到一个问题,Array,Object等内置构造函数部分属性无法修改,我猜测可能是因为浏览器实现的原因造成的. 1.修改name属性无效. <script type=" ...
- reverse函数实现指定页面跳转
需求: 在views中返回的url需要返回到具体的某一篇文章的评论列表 return redirect(reverse('cms_comment_manage',args=(number,))) dj ...
- Codeforces Round #257 (Div. 2) A. Jzzhu and Children(简单题)
题目链接:http://codeforces.com/problemset/problem/450/A ------------------------------------------------ ...
- SpringBoot 整合Ehcache3
SpringBootLean 是对springboot学习与研究项目,是依据实际项目的形式对进行配置与处理,欢迎star与fork. [oschina 地址] http://git.oschina.n ...
- 字符串函数---atof()函数具体解释及实现(完整版)
atof()函数 atof():double atof(const char *str ); 功 能: 把字符串转换成浮点数 str:要转换的字符串. 返回值:每一个函数返回 double 值.此值由 ...
- Java web轻量级开发面试教程的前言
本文来是从 java web轻量级开发面试教程从摘录的. 为什么要从诸多的Java书籍里选择这本?为什么在当前网络信息量如此大的情况下还要买这本书,而不是自己通过查阅网络资料学习?我已经会开发Java ...