不要再到处使用 === 了
我们知道现在的开发人员都使用 ===
来代替 ==
,为什么呢?
我在网上看到的大多数教程都认为,要预测 JavaScript 强制转换是如何工作这太复杂了,因此建议总是使用===
。
这些都导致许多程序员将该语言的一部分排除在外,并将其视为一种缺陷,而不是去扩大他们的对该过程的理解。
下面通过两个使用案例,说明使用 ==
的好处。
1.测试空值
if (x == null)
vs
if (x === undefined || x === null)
2.读取用户的输入
let userInput = document.getElementById('amount');
let amount = 999;
if (amount == userInput)
vs
if (amout === Number(userInput))
在本文中,我们将通过对比差异,理解强制性,研究一些流行的用例,并最终找到指导我们做出决定的准则,来深入了解该主题。
简介
在Javascript中,相等由两个运算符完成。
=== —严格相等比较也称为三等运算符。
== — 抽象的相等比较
我一直在使用===
,因为我被告知它比==
更好和更好,而且我根本不需要考虑它,作为一个懒惰的人,我觉得很方便。
直到我观看了Kyle或[@getfiy][1]的[You Do n't Know JS][2]作者在Frontend Masters上的“ Deep JavaScript Foundations”。
作为一名专业的程序员,我没有深入思考我每天工作中使用的操作符,这一事实激励我去传播意识,并鼓励人们更多地理解和关注我们编写的代码。
事实的根源在哪里
知道真实的原因在哪里很重要。不是在 Mozilla 的 W3school 上,也不在声称===
优于==
的数百篇文章中,而且在这篇文章中也绝对没有。。
在JavaScript规范中,我们可以找到关于JavaScript如何工作的[文档][3]。
打破常识
1. `==`只检查值(松散)
如果看一下规范,从定义中可以很清楚地看出,算法要做的第一件事实际上就是检查类型。
2. `===`检查值和类型(严格)
在这里,我们同样可以从规范中看到,它检查类型,如果它们不同,则不会再检查值。
双等号和三等号之间的真正区别是我们是否允许强制转换。
JavaScript 中的强制转换
强制转换或类型转换是任何编程语言的基础之一。这对于动态类型化的语言(例如JavaScript)尤为重要,因为如果类型更改,编译器不会对它大喊大叫,找它麻烦。
理解强制性意味着我们能够以与JavaScript相同的方式解释代码,从而为我们提供了更大的可扩展性并最大程度地减少了错误。
显性强制转换
强制转换可以在程序员调用这些方法之一时显式发生,从而强制改变变量的类型。
Boolean(), Number(), BigInt(), String(), Object()
事例:
let x = 'foo';
typeof x // string
x = Boolean('foo')
typeof x // boolean
隐藏转换
在JavaScript中,变量的类型很弱,因此这意味着它们可以自动转换(隐式强制)。当我们使用算术运算符+ / — *
,周围的上下文或使用==
时,通常是这种情况。
2 / '3' // '3' 强制转为 3
new Date() + 1 // 强制转换为以1结尾的日期字符串
if(x) // x 被强制为布尔值
1 == true // true 被强制为 1
1 == 'true' // 'true' 被强制为 NaN
`this ${variable} will be coreced to string
隐性强制是一把双刃剑,合理使用可以增加可读性,减少冗长。如果使用不当或被误解,我们就会有一个让人失望的公式,人们会咆哮并指责JavaScript。
比较的算法
== 运算符号的算法
如果
X
和Y
是相同的类型,则执行===
。如果
X
为null
且Y
未定义或反之,则为true
。如果一个是数字,则将另一个强制为数字。
如果一个是对象,则强制转换为原始对象。
其它,返回
false
。
=== 比较的算法
如果类型不匹配
false
。如果类型匹配-比较值,为
NaN
时返回false
。-0 — true.
流行的用例
1. 同类型(多数情况)
如果类型相同,则===
与==
完全相同。因此,应该使用语义性更强的那个。
1 == 1 // true ...... 1 === 1 // true
'foo' == 'foo' // true ...... 'foo' === 'foo' //true
类型不同,我更喜欢用 ===
。
2. 不同类型(原始类型)
首先,我想提醒您注意,不同类型并不意味着未知类型。不知道类型表明代码中的问题比仅使用 ===
vs==
更大。了解类型表明对代码有更深入的理解,这会减少更多的错误。
假设我们有一个数字或字符串的可能性。请记住,算法更偏向数字类型,因此它将尝试使用toNumber()
let foo = 2;
let bar = 32; // number 还是 string
foo == bar // 如果 bar 是字符串,它会转换成 number
foo === Number(bar) // doing basically the same
foo === bar // bar 为 string 则该结果为 false
3. null和undefined
使用==
时,null
和undefined
彼此相等。
let foo = null
let bar = undefined;
foo == bar // true
foo === bar // false
4.非原始类型[对象,数组]
不应该使用==
或===
来比较对象和数组等非原始类型的数据。
决策准则
在所有可以使用的情况下,最好使用
==
。==
具有已知类型,可以选择强制类型转换。知道类型总比不知道好。
如果不知道类型,就不要使用
==
。当类型不匹配时,
===
是没有意义的。当类型匹配时,
===
是不必要的。
避免使用 == 情况
在某些情况下,如果不真正了解JavaScript中的虚值,则不应使用==
。
== with 0 or "" or " "
== with non primtives
== true or == false
总结
根据我的经验,到目前为止,我一直都知道我要处理的变量的类型,如果我不知道,我就使用typeof
来只允许我所期望的变量。
需要注意的四点
如果你不知道变量类型,那么使用
===
是惟一合理的选择不知道类型可能意味着你不理解代码,请尝试重构你的代码
知道类型可以编写更好的代码。
如果类型已知,则最好使用
==
。
作者:Seifeldin Mahjoub 译者:前端小智 来源:domnung
原文:https://domnung.com/article/618194/learning//2020-01-30/medium.com/===-javascript-coercion-types-standing/stop-using-%3D%3D%3D-everywhere
交流
知道临时死区你才能更好的使用 JS 变量
【激发创意的小视频】5分钟带你学会创意产品卡设计
为什么 JS 中的对象字面量很酷
这 10 个片段,有助于你理解 ES 中的 Promise
这5个 console.log() 技巧帮你提高工作效率
不要再到处使用 === 了相关推荐
- 卡巴斯基终身免费用的方法!不要再到处奔波寻找Key啦!
哈哈!~~大家用得好可别忘了顶一下啊!吃水不忘挖井人啊! 方法很简单,首先把卡巴关闭(要右键单击任务栏中卡巴的符号选退出哦~),手动删除以下三条注册表: HKEY_LOCAL_MACHINE\SOFT ...
- 我劝你不要再留QQ邮箱了
这是「进击的Coder」的第 350 篇技术分享 作者:网黑哥 来源:网罗灯下黑 今天的话题还是跟腾讯家的有关系,为什么用 QQ 邮箱会被人鄙视. 其实大可不必,一个邮箱而已,用起来方便才是王道,这也 ...
- dnf手游内测服务器维护,DNF手游:手把手教你如何抢内测资格,干货满满,错过再等一年...
原标题:DNF手游:手把手教你如何抢内测资格,干货满满,错过再等一年 很多人看到这个标题,情不自禁的点了进来.当然心里肯定也会想,这个小编不会又是那种"虚晃一枪"的那种标题党吧?这 ...
- 中年人还可以学PHP吗,人到中年,不要再做这三种工作,否则发展会越走越窄
职场人员到了 30 岁时,往往就是人生的分水岭,这个年龄的人差不多都已经结婚了,上有老下有小的生活方式,让人的压力变得巨大,可能有不少的朋友已经混成小领导了,可是仍然有些人还在做着基层的工作 ; 如果 ...
- eclipse中java项目转换为web项目
2019独角兽企业重金招聘Python工程师标准>>> 经常在eclipse中导入web项目时,出现转不了项目类型的问题,导入后就是一个java项目,有过很多次经历,今天也有同事遇到 ...
- Linux扫盲篇:CentOS、Ubuntu、Gento
Linux扫盲篇:CentOS.Ubuntu.Gentoo Linux最早由Linus Benedict Torvalds在1991年开始编写.在这之前,Richard Stallman创建了Free ...
- 纯真IP数据库的应用!
前一段时间做了一个 利用纯真IP数据库,根据IP显示地址,并利用google获取地址经纬度,用google maps api 在网页显示IP来源的程序! 1.下载了纯真IP数据库,加压为txt文件后, ...
- CentOS、Ubuntu、Gentoo
http://www.williamlong.info/info/archives/197.html Linux最早由Linus Benedict Torvalds在1991年开始编写.在这之前,Ri ...
- 阿里员工 1 天有 26 个小时,怎么回事?
简介: Unbelievable 据说阿里员工 1 天有 26 小时,真的吗? 答案就藏着阿里同学的日常工作中. 阿里人一天的工作日常,是一场办公黑科技展,更是一部"时间减史". ...
最新文章
- (cljs/run-at (JSVM. :all) Metadata就这样哦)
- ROS学习笔记-使用C++类用以编程(以机器人语音交互为例)
- C#多线程编程系列(一)- 简介
- 重构,体现一个工程师的基本素养和底蕴(细节篇)
- 腾讯安全团队深入解析wannacry蠕虫病毒
- java里有没有 0的使用_请问有没有人有零基础Java基础习题?
- JAVA对map进行分组
- LeetCode 264.丑数 II(动态规划)
- Python 列表应用之“简易好友管理系统”
- windows 下杀手tomcat 进程
- Python学习心得体会
- Matplotlib可视化图表
- PHP全国快递寄件接口,1天接入四通一达,极兔,宅急送,德邦,京东,天天
- matlab画colormap
- 基于 ZNS 模式搭建并运行 FEMU
- 大数据处理——Java
- kerberos 之TGS_REQ、TGS_REP
- android梦网物联卡信息,梦网物联云:实现智能穿戴只需一张物联网卡
- matlab推导二体问题,二体问题二体问题.ppt
- 如何判断自己的网站被攻击了
热门文章
- Linux是一个多用户多任务的操作系统
- 算法分析与设计实践-作业2-Dijkstra算法求最短距离
- Windows将系统挂载的sata硬盘识别为USB设备的解决方法
- 商业解决方案策划专家(区块链)
- java case4 加油站卡片抽象类写法
- TransparentBlt实现
- 全网最牛,接口测试-Fiddler手机抓包教程(含坑),吐血总结
- 【无私分享】干货!!!一个炫酷的自定义日历控件,摆脱日历时间选择烦恼,纯福利~...
- liquibase常见操作
- 计算机最好的60所大学排名,电子类专业最好的60所大学排名,考上前10所就到赚了...