JavaScript中!==符号的作用是什么？

!== 是 JavaScript 中的严格不相等运算符，用于比较两个操作数是否不完全相等，返回布尔类型的结果。

核心判断逻辑 #

它的判断过程不会触发任何隐式类型转换，会依次校验两个维度：

• 首先校验两个操作数的数据类型是否不同：如果类型不一致，直接返回true
• 若类型一致，再校验两个操作数的值是否不同：如果值不一致返回true，值完全一致返回false

和宽松不相等运算符!=的核心差异 #

!=在比较时会先对两个操作数做隐式类型转换，转成相同类型后再比较值，很容易出现不符合预期的结果，而!==可以规避这类问题：

// 宽松不相等的隐式转换问题
1 != '1' // 隐式转成同类型后值相等，返回false，和实际预期不符
1 !== '1' // 类型不同直接返回true，符合直觉
0 != false // 隐式转换后值相等，返回false
0 !== false // 类型不同返回true

常见使用示例 #

// 类型不同，返回true
2 !== '2' // true
null !== undefined // true
true !== 1 // true

// 类型相同、值不同，返回true
'apple' !== 'banana' // true
5 !== 3 // true

// 类型和值都相同，返回false
100 !== 100 // false
'hello' !== 'hello' // false
undefined !== undefined // false

使用建议 #

日常开发中优先选择!==做不等判断，避免隐式类型转换带来的逻辑漏洞，这也是前端行业通用的编码规范要求。

内容的提问来源于stack exchange，提问作者hajajdvshskaja