JavaScript 中的三位一体

Stella981
• 阅读 657

JavaScript 中的三位一体

最近看到一个有意思的图片,包含了鲜为人知的秘密。。。

先看看这张有意思的图片。

JavaScript 中的三位一体

图左应该讲的是基督教中的三位一体。翻译成中文如下。

JavaScript 中的三位一体

当然这不是我们的重点,我们的重点在右边这个图。讲的是js中相等操作。

==是js中的宽松相等(loose equals)。===是严格相等(strict equals)。

这两个都是用来判断两个值是否相等。区别在于。

==允许在比较中进行强制类型转换,而===不允许。

在转换不同数据类型时,遵循以下几个规则:

  • 如果有一个操作数是布尔值(truefalse),会将false转为数值0true转为数值1

  • 如果一个操作符是字符串,另一个是数值。则将字符串转成数值(ToNumber)。

  • 如果一个操作符是对象,另一个不是。则使用ToPrimitive将对象转成基本值( 先调用对象的valueOf()方法得到基本类型,如果不能得到基本类型则调用toString()) 。再按照上面的规则进行转换。

  • null 和 undefined 是相等的,与其他值不相等。

  • 数值NaN与任何值都不相等,包括NaN本身也不相等。

  • 如果两个操作符都是对象,那么比较他们是不是同一个对象引用即可。

细品上面的比较规则,品完后回到我们的三位一体js。

"\t"!="0" 这个显然容易看出来,类型一样,内容不一样。

接着看 []=="0"[]=="\t"。一个操作符是对象,另一个不是。[].valueOf()[],调用[].toString()值为"",所以ToPrimitive([])为""。 详细比较就看下图吧。

JavaScript 中的三位一体

对于ToNumber这个操作遵循以下规则:

  • true 转为 1, false 转为 0

  • undefined 转为 NaN , null 转为 0

  • 字符串"","\n","\t"(或者" "等其他空格组合)等空字符串总是被转为 0。其他字符串遵循基本数字方法处理,失败返回NaN

  • 对于对象则使用ToPrimitive将对象转成基本值,然后遵循上面的规则转换。

回到我们的三位一体js,演算过程如下。

JavaScript 中的三位一体

抛开我们的三位一体,再看看其他的相等操作,遵循上面的规则去套用,应该可以明白其中的所以然了吧。

JavaScript 中的三位一体

等号看完了?再加入一些比较符号><

JavaScript 中的三位一体

是不是有点头晕了?先把==消化了。这些关系操作符且听下回分解!(先挖个坑👀)

以上为白玉无冰关于"js相等操作符"的技术分享。如果对你有点帮助,欢迎分享给身边的朋友。

参考书籍:

JavaScript 中的三位一体

转载请保留文末二维码!

本文使用图片素材来自网络!版权归原作者所有,如有侵权还请联系!

我就知道你“在看”▼

本文分享自微信公众号 - Creator星球游戏开发社区(creator-star)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Easter79 Easter79
3年前
vue element table 表头添加图标
!(https://oscimg.oschina.net/oscnet/189d567e07e0844612470867b06a35c0aaf.jpg)!(https://oscimg.oschina.net/oscnet/dc3b454d663d8618924b78796345a145b3f.jpg)1<template
待兔 待兔
4个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Stella981 Stella981
3年前
Android So动态加载 优雅实现与原理分析
背景:漫品Android客户端集成适配转换功能(基于目标识别(So库35M)和人脸识别库(5M)),导致apk体积50M左右,为优化客户端体验,决定实现So文件动态加载.!(https://oscimg.oschina.net/oscnet/00d1ff90e4b34869664fef59e3ec3fdd20b.png)点击上方“蓝字”关注我
可莉 可莉
3年前
2021 最顶级 React 组件库推荐
点上方蓝字关注公众号「前端从进阶到入院」作者丨MaxRozen译者丨王强策划丨小智AntDesign!(https://oscimg.oschina.net/oscnet/a85c35f23bd04e5da6a1e5e68a24119b.png)项目链接:AntDesignh
Wesley13 Wesley13
3年前
CSS 奇思妙想:超级酷炫的边框动画
点上方蓝字关注公众号「前端从进阶到入院」精选原创好文助你进入大厂文章转载自公众号「iCSS前端趣闻」今天逛博客网站shoptalkshow\1\,看到这样一个界面,非常有意思:!(https://oscimg.oschina.net/oscnet/9655b35af5a045999ff55c144a3f7c
Stella981 Stella981
3年前
Js使用面向对象和面向过程的方法实现拖拽物体的效果
1.面向过程的拖拽实现代码:!(https://oscimg.oschina.net/oscnet/d680c759957babef2fec0902676eaa35ad9.gif)<!DOCTYPEhtml<html<head<titledragDiv</title
Wesley13 Wesley13
3年前
35岁是技术人的天花板吗?
35岁是技术人的天花板吗?我非常不认同“35岁现象”,人类没有那么脆弱,人类的智力不会说是35岁之后就停止发展,更不是说35岁之后就没有机会了。马云35岁还在教书,任正非35岁还在工厂上班。为什么技术人员到35岁就应该退役了呢?所以35岁根本就不是一个问题,我今年已经37岁了,我发现我才刚刚找到自己的节奏,刚刚上路。
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
10个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这