胡熙国

=== 与 ==的区别

等号运算符

比较之前会进行类型转换

比较规则：

  1. 如果任意操作数为布尔，转换为数值
console.log(true == 1); // true
console.log(true == 0); // false
console.log(false == 0); // true
  1. 操作数为字符串和数字，转换为数值
console.log("1" == 1);
  1. 如果一个操作数是对象，另一个操作数不是，则调用对象的 valueOf() 方法取得其原始值，再根据前面的规则进行比较
const obj = {
  valueOf: () => 1,
};

console.log("obj", obj == true); // true
console.log("obj", obj == "1"); // true
  1. 如果两个操作数都是对象，则比较它们是不是同一个对象。如果两个操作数都指向同一个对象，则相等操作符返回 true
const obj1 = { a: xxx };
const obj2 = { a: xxx };
console.log(obj1 == obj2); // false

const obj3 = { a: 1 };
const obj4 = obj3;
console.log(obj3 == obj4); // true
  1. null 和 undefined 相等 v
console.log(null == undefined); // true
  1. 如果有任一操作数是 NaN ，则相等操作符返回 false
console.log(NaN == 1); // false

全等运算符

操作数的类型和数值必须完全相等才返回 true

let result1 = "55" === 55; // false，不相等，因为数据类型不同
let result2 = 55 === 55; // true，相等，因为数据类型相同值也相同

null 和 undefined 与自身相等 ，NaN 与自身不相等

let result1 = null === null; //true
let result2 = undefined === undefined; //true
let result3 = NaN === NaN; // false

比较

==会进行类型转换，===不会进行类型转换

let result1 = null == undefined; // true
let result1 = null === undefined; // false
let result3 = NaN == NaN; // false
let result4 = NaN === NaN; // false

在比较null的情况的时候，我们一般使用相等操作符==

const obj = {};

if (obj.x == null) {
  console.log("1"); //执行
}

所以，除了在比较对象属性为null或者undefined的情况下，我们可以使用相等操作符（==），其他情况建议一律使用全等操作符（===）

贡献者: huxiguo