javascript中用!==判断状态变化适用于基础类型，因它严格比较类型和值；对对象/数组等引用类型需深比较或专用库。
在 JavaScript 中，用严格不等运算符（!==）判断状态是否改变，核心是：比较新旧值是否在类型和值上都不同。它比抽象不等（!=）更可靠，避免隐式转换带来的误判。
什么时候适合用 !== 判断状态变化
适用于基础类型（string、number、boolean、null、undefined、symbol、bigint）的状态比对。这些类型值直接存储在栈中，!== 能准确反映“是否真的变了”。
- 表单输入框的字符串值更新（如用户修改了姓名）
- 开关组件的布尔状态切换（
true→false） - 数字型配置项变更（如分页页码从
1变为2） - 检查
undefined或null是否被赋了实际值
怎么写才安全：典型代码模式
常见于 React 的 useEffect 依赖检测、Vue 的 watch 回调、或手动实现的防抖更新逻辑中：
let prevStatus = initialState;
function handleStatusChange(newStatus) {
if (newStatus !== prevStatus) {
console.log('状态已改变：', prevStatus, '→', newStatus);
// 执行副作用，如请求、渲染、日志
prevStatus = newStatus; // 更新记录
}
}
注意：必须显式更新 prevStatus，否则下次永远为 false。
不能直接用 !== 的情况（对象/数组）
对于对象、数组、函数等引用类型，!== 比较的是内存地址，不是内容。即使两个对象字面量一模一样，{a:1} !== {a:1} 也恒为 true。
此时需改用其他方式：
- 深比较（如
JSON.stringify(a) !== JSON.stringify(b)，仅限可序列化、无函数/undefined/循环引用的简单结构） - 专用库（如 Lodash 的
_.isEqual(a, b)） - React 中用
useMemo缓存对象 +Object.is或自定义 hook 封装 - Vue 3 响应式数据天然支持深层追踪，
watch默认能捕获嵌套变更
一个易错点：0、''、false 的区分
严格不等能清晰区分它们：0 !== false、'' !== false、0 !== '' 都为 true。这正是优势所在——不会把“空字符串”误判为“未改变”，也不会把“数值 0”当成“假值而忽略变化”。
例如状态字段允许合法值为 0（如库存为零），用 !== 就能正确触发更新；若用 if (newVal) 或 !=，则可能跳过这个有效变更。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
