javascript中需区分“空”与“假值”，优先用x == null判空、?.和??安全读取嵌套属性、解构默认值防函数参数异常，并封装工具函数统一处理后端空响应。
JavaScript 中变量取值为空（null、undefined、空字符串、NaN、0、false）时，直接访问属性或参与运算容易报错或逻辑异常。优雅处理的核心是：**明确意图、提前防御、用对语法**，而不是堆砌判断。
区分“空”和“假值”，按需选择判断方式
JavaScript 的 if (x) 会把 0、''、false、null、undefined、NaN 都当作假值——但业务中它们含义不同。比如：
-
user.age = 0是合法有效值，不该被当成“空” -
user.name = ''可能代表未填写，需要提示 -
user.profile = null表示数据未加载，应触发请求
✅ 建议：
– 检查是否为 null 或 undefined：用 x == null（等价于 x === null || x === undefined）
– 检查是否为“空内容”（如字符串/数组）：用 Array.isArray(x) ? x.length === 0 : typeof x === 'string' ? x.trim().length === 0 : false
安全读取嵌套属性：可选链操作符（?.）+ 空值合并（??）
这是现代 JS 最优雅的组合，替代大量 && 和三元嵌套：
-
user?.profile?.avatar?.url—— 任意一环为null/undefined就停止，返回undefined，不报错 -
user?.name ?? '匿名用户'—— 仅当左侧为null或undefined时才用默认值（注意：''、0不触发） - 连用：
data?.items?.[0]?.title ?? '暂无标题'
⚠️ 注意：?. 不能用于赋值左侧（如 obj?.prop = value 会报错），也不能用于 delete obj?.prop。
函数入参防空：解构默认值 + 类型校验
避免在函数体内写一堆 if (!x) return：
- 对象解构带默认值：
function greet({ name = '朋友', age } = {}) { ... }—— 即使传greet()或greet(null)也不崩 - 数组解构同样适用：
const [first = '默认项'] = items || [] - 关键参数建议加轻量校验：
if (typeof id !== 'string' || !id.trim()) throw new Error('id 必须是非空字符串')
后端返回空数据时：统一响应结构 + 工具函数封装
与其每个接口手动判空，不如约定后端返回标准格式（如 { code: 0, data: null, msg: '' }），前端封装一个工具函数：
const safeData = (res, defaultValue = null) => {
if (res && res.code === 0 && res.data != null) return res.data;
return defaultValue;
};
调用：const list = safeData(apiRes, []); —— 清晰、复用、不易漏判。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
