写点什么

JavaScript== 和 ===

作者:源字节1号
  • 2022 年 5 月 25 日
  • 本文字数:962 字

    阅读完需:约 3 分钟

JavaScript== 和 ===

===严格相等

===叫做严格相等,是指:左右两边不仅值要相等,类型也要相等,例如'1'===1的结果是false,因为一边是string,另一边是number

console.log('1'===1); // 输出false
复制代码

==不严格相等

==不像===那样严格,对于一般情况,只要值相等,就返回true,但==还涉及一些类型转换,它的转换规则如下:

两边的类型是否相同,相同的话就比较值的大小,例如1==2,返回false

类型不相同会进行类型转换

判断的是否是nullundefined,是的话就返回true

判断的类型是否是StringNumber,是的话,把String类型转换成Number,再进行比较

判断其中一方是否是Boolean,是的话就把Boolean转换成Number,再进行比较

如果其中一方为Object,且另一方为StringNumber或者Symbol,会将Object转换成原始类型后,再进行比较

1 == {id: 1, name: 'AAA'}1 == '[object Object]'
复制代码

转 boolean

除了undefinednullfalse0-0NaN和空字符串转换成false以外,其他所有值都转换成true,包括所有对象。

对象转原始类型

对象转原始类型,会调用内置的[ToPrimitive]函数,对于该函数而言,其逻辑如下:

  1. 是否已经是原始类型,是则直接返回

  2. 调用valueOf(),如果转换为原始类型,则返回

  3. 调用toString(),如果转换为原始类型,则返回

  4. 也可以重写Symbol.toPrimitive()方法,优先级别最高

  5. 如果都没有返回原始类型,会报错

var obj = {  value: 0,  valueOf() {    return 1;  },  toString() {    return '2'  },  [Symbol.toPrimitive]() {    return 3  }}console.log(obj + 1); // 输出4
复制代码

对象转原始类型应用

// 问:如何使if(a==1&&a==2&&a==3) {console.log('true')};正确打印'true'var a = {  value: 0,  valueOf() {    this.value++;    return this.value;  }}if(a==1 && a==2 && a==3) {  console.log('true'); // 输出true}
复制代码

代码分析

  1. 重写对象avalueOf()方法,使value属性每次调用时自增

  2. 当判断a==1时,第一次调用valueOf()方法,此时value等于 1,判断1==1,继续向下走

  3. 判断a==2时,第二次调用valueOf()方法,此时value等于 2,判断2==2,继续向下走

  4. 判断a==3时,第三次调用valueOf()方法,此时value等于 3,判断3==3if判断结束

  5. if条件判断为true && true && true,执行console.log('true'),打印true


如若转载,请注明出处:开源字节   https://sourcebyte.cn/article/129.html

用户头像

源字节1号

关注

一个着迷于技术又喜欢不断折腾的技术活跃者 2022.03.09 加入

一个着迷于技术又喜欢不断折腾的技术活跃者。喜欢并热爱编程,执着于努力之后所带来的美好生活!

评论

发布
暂无评论
JavaScript== 和 ===_软件开发_源字节1号_InfoQ写作社区