前不久因为一个项目设计的问题,烦心了好几天,为了不留坑拥抱强类型语言特点,还是选择了'==='作为数据判断是否相等,对于'=='今天来探究一下猫腻(弱类型的JavaScript的坑真的太多了,typescript真香)
'==' 操作符
这个操作符相信学过开发的人完全不陌生,对于强类型语言我这儿就不做过多描述,咱们这儿就钻JavaScript的牛角尖
x == y,x,y都表示一个值,这个操作符返回的是bool值true或者false;
对于这个操作有相对应的比较方式(对于所有的JavaScript类型):
1.若type(x)和type(y)相同,则:
a.若type(x)为undefined,返回true
b.若type(x)为null,返回true
c.若type(x)为number,则:
i.若 x 为NaN,返回false
ii.若 y 为NaN,返回false
iii.若 x , y 为相同数值,返回true
iv.若 x 为 +0且 y 为 -0,返回true
v.若 x 为 -0且 y 为 +0,返回true
d.若type(x)为string,则当 x , y 完全为相同字符序列的时候(长度和相同位置的字符一样)返回true
e.若type(x)为boolean,当 x , y 同为true返回true,否则返回false
2.若 x 为null且 y 为undefined,返回true
3.若 x 为undefined且 y 为null,返回true
4.若type(x)为number且type(y)为string,返回x == ToNumber(y)的结果
5.若type(x)为string且type(y)为number,返回ToNumber(x) == y的结果
6.若type(x)为boolean,返回ToNumber(x) == y的结果。同理,若type(y)为boolean,返回ToNumber(y) == x的结果
7.若type(x)为string或者number,且type(y)为object,返回x == ToPrimitive(y)的结果。同理,若type(y)为string或者number,且type(x)为object,返回y == ToPrimitive(x)的结果
ToPrimitive是对象转换基本类型的方法。
看个例子:
[] == ![] // true
根据上述规则来解析:
1.![]为false,上式为: [] == false
2.第6条:上式为: [] == ToNumber(false) => [] == 0,
3.第7条:上式为:ToPrimitive([]) == 0,
4.[].toString() = '',上式为:'' == 0,
5.第4条:上式为:0 == 0 => true
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。