JavaScript中==和===的区别及用法详解

// 布尔值转换
console.log(true == 1);      // true，true 转为 1
console.log(false == 0);     // true，false 转为 0

// 字符串与数字
console.log('5' == 5);       // true，字符串 '5' 转为数字 5
console.log('' == 0);        // true，空字符串转为 0
console.log('hello' == 0);   // false，'hello' 转为 NaN，NaN 不等于任何数

// null 和 undefined
console.log(null == undefined); // true
console.log(null == 0);         // false
console.log(undefined == false); // false

// 对象与原始值
console.log([1,2] == '1,2');   // true，数组转为字符串 '1,2'
console.log({} == '[object Object]'); // true，对象转为字符串 '[object Object]'

// 特殊值
console.log(NaN == NaN);       // false
console.log(0 == -0);          // true（严格相等也是 true，因为 +0 和 -0 被视为相等）

console.log(5 === 5);          // true，类型相同且值相等
console.log('5' === 5);        // false，类型不同（string vs number）
console.log(null === undefined); // false，类型不同
console.log(NaN === NaN);       // false（特殊：NaN 不等于自身）
console.log(0 === -0);          // true（+0 与 -0 被视为相等）
console.log({} === {});         // false，两个不同对象，引用不同

if (value == null) { // 等价于 value === null || value === undefined
    // ...
}

'' == 0      // true（空字符串转为 0）
'' === 0     // false

if (x == true)  // 不要这样写，因为 true 会转为 1，导致 x 为 1 时也为 true
if (x)          // 更好的写法，利用布尔上下文

const a = new String('hello');
a == 'hello'   // true，对象转为原始字符串
a === 'hello'  // false，对象与字符串类型不同

console.log(Object.is(NaN, NaN)); // true
console.log(Object.is(0, -0));    // false