一、==：宽松相等，类型转换是关键！
== 运算符被称为“宽松相等”或“抽象相等”运算符。它的特点是：在比较之前，会尝试进行类型转换。 这也是它容易出错的地方。
类型转换规则：
- 如果比较的两个值类型相同，则直接比较值。 例如：
1 == 1返回true。 - 如果比较的两个值类型不同，则会尝试进行类型转换，然后再比较。 以下是一些常见的类型转换规则：
null和undefined：null == undefined返回true。- 字符串和数字： 字符串会被转换为数字。例如：
"1" == 1返回true。 - 布尔值：
true会被转换为1，false会被转换为0。例如：true == 1返回true。 - 对象： 对象会尝试转换为原始值（通常是字符串或数字）。
示例：
console.log(1 == "1"); // true (字符串 "1" 被转换为数字 1)
console.log(true == 1); // true (布尔值 true 被转换为数字 1)
console.log(false == 0); // true (布尔值 false 被转换为数字 0)
console.log(null == undefined); // true
console.log(0 == false); // true (false 被转换为 0)
console.log("" == false); // true (false 被转换为 0, "" 被转换为 0)
console.log(" \n" == 0); // true (" \n" 被转换为 0)
console.log([] == false); // true ([] 被转换为 "", "" 被转换为 0, false 被转换为 0)
console.log([] == ![]); // true (![] 为 false, [] == false)
注意： == 运算符的类型转换规则非常复杂，容易让人迷惑。因此，强烈建议避免使用 == 运算符，除非你非常清楚类型转换的规则。
二、===：严格相等，类型和值都要一致！
=== 运算符被称为“严格相等”运算符。它的特点是：不会进行类型转换，只有在类型和值都完全相同的情况下，才会返回 true。
规则：
- 如果比较的两个值类型不同，则直接返回
false。 - 如果比较的两个值类型相同，则比较值。
示例：
console.log(1 === "1"); // false (类型不同)
console.log(true === 1); // false (类型不同)
console.log(false === 0); // false (类型不同)
console.log(null === undefined); // false (类型不同)
console.log(1 === 1); // true (类型和值都相同)
console.log("hello" === "hello"); // true (类型和值都相同)
三、!= 和 !==：不等运算符
!= 和 !== 分别是 == 和 === 的否定形式。
!=(不等运算符)：如果==返回true，则!=返回false，反之亦然。!==(严格不等运算符)：如果===返回true，则!==返回false，反之亦然。
示例：
console.log(1 != "1"); // false (因为 1 == "1" 为 true)
console.log(1 !== "1"); // true (因为 1 === "1" 为 false)
四、最佳实践：永远使用 === 和 !==！
为了避免不必要的类型转换和潜在的 Bug，强烈建议在 JavaScript 中始终使用 === 和 !== 运算符。 这样可以确保你的代码更加清晰、可预测，并且更容易维护。
