美文网首页
复习一下 js 的 ==

复习一下 js 的 ==

作者: 月下吴刚_c8c7 | 来源:发表于2022-09-18 09:42 被阅读0次

==不严格相等

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

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

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

判断的是否是null和undefined,是的话就返回true

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

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

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

1 == {id: 1, name: 'AAA'}
↓
1 == '[object Object]'

转boolean

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

对象转原始类型

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

  1. 是否已经是原始类型,是则直接返回
  2. 调用valueOf(),如果转换为原始类型,则返回
  3. 调用toString(),如果转换为原始类型,则返回;
  4. 也可以重写Symbol.toPrimitive()方法,优先级别最高
    如果都没有返回原始类型,会报错
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
}

代码分析:

重写对象a的valueOf()方法,使value属性每次调用时自增
当判断a==1时,第一次调用valueOf()方法,此时value等于1,判断1==1,继续向下走
判断a==2时,第二次调用valueOf()方法,此时value等于2,判断2==2,继续向下走
判断a==3时,第三次调用valueOf()方法,此时value等于3,判断3==3,if判断结束
if条件判断为true && true && true,执行console.log('true'),打印true

相关文章

  • 复习一下 js 的 ==

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

  • 2018-08-23

    今天复习了一下第一次看没看懂的js表单验证。又学习了JS Window JS Screen JS Location...

  • React入门(一)

    React 一. js复习 重新理解javascript(适合快速浏览复习闭包等基础的js知识)。快速复习js特性...

  • 32-进阶:DOM事件

    上个图复习一下: 1. 点击别处关闭图层 html: css: js思路: js版本1.0: document.b...

  • jQuery 第四部分 2018-03-23

    一、复习一下 jQuery就是一堆js函数,就是普通的js。 (参考书)(官网api)简单过一下 入口函数:htm...

  • JS自定义事件

    2018年2月28日 背景 业务开发中遇到JS消息没被成功接收的问题。顺带复习一下 JS 事件。 为实现不同模块间...

  • js复习

    概念描述:javaScript是一种基于对象和事件驱动并且相对安全性的客户端脚本语言 。特点:松散性 继承机制 ...

  • js复习

    1.数据类型number string Boolean undefined null o...

  • js 复习

    1 数据类型 基本六个类型,亮点 提到了ES6 的symbol 如果问到 判断数据类型 除了说明...

  • js复习

    1 数据类型 2 ===和==的区别, 3 js onload和DOMcontentloaded的区别 ...

网友评论

      本文标题:复习一下 js 的 ==

      本文链接:https://www.haomeiwen.com/subject/jmxportx.html