JavaScript 无原生 Optional 类型，可用可选链（?.）配合 find() 安全取属性，避免空指针异常；结合空值合并（??）可设默认值；find() 本身不报错，问题在于对 undefined 做点号访问。
JavaScript 中没有原生的 Optional 类型（像 Java 或 Kotlin 那样），但可以用可选链操作符（?.）配合 find() 实现安全的、避免空指针异常的查找逻辑。
用 find() + 可选链（?.）安全取属性
当数组可能为空，或找到的对象可能缺失某个属性时，直接访问会报错：Cannot read property 'xxx' of undefined。用 ?. 可中断链式调用，返回 undefined 而非抛错：
const users = [
{ id: 1, profile: { name: 'Alice' } },
{ id: 2, profile: null }
];
// ❌ 危险：若 find 没找到，或 profile 为 null，会报错
// const name = users.find(u => u.id === 2).profile.name;
// ✅ 安全：任意一环为 null/undefined，整体返回 undefined
const name = users.find(u => u.id === 2)?.profile?.name; // → undefined
const safeName = users.find(u => u.id === 1)?.profile?.name; // → 'Alice'
配合空值合并（??）提供默认值
可选链返回 undefined 后，可用 ?? 设置兜底值，让逻辑更健壮：
const user = users.find(u => u.id === 999)?.profile?.name ?? '匿名用户'; console.log(user); // → '匿名用户' // 更实用的例子：找默认头像 URL const avatar = users.find(u => u.id === 5)?.settings?.avatarUrl ?? '/default-avatar.png';
注意：find() 本身不会报错，但后续属性访问会
find() 在没匹配时返回 undefined，这是合法值；问题出在对 undefined 做点号访问（如 undefined.name）。所以关键不是“防止 find 报错”，而是“防止对 find 结果做非法属性访问”：
-
users.find(...)→ 安全，返回undefined或对象 -
users.find(...).name→ 危险，undefined.name抛错 -
users.find(...)?.name→ 安全，undefined?.name返回undefined
进阶：封装成带默认行为的查找函数
如果频繁使用，可封装一个语义更清晰的工具函数：
const findSafe = (arr, predicate, path, defaultValue = undefined) => {
const item = arr.find(predicate);
return item ? (path.split('.').reduce((obj, key) => obj?.[key], item) ?? defaultValue) : defaultValue;
};
// 用法
const name = findSafe(users, u => u.id === 2, 'profile.name', '未知');
不过日常开发中，直接用 ?. + ?? 组合已足够简洁清晰，无需过度抽象。
