JS中实现安全调用对象方法

在JavaScript中，可以通过以下几种方式实现安全调用对象方法的需求：

1. 可选链操作符（?.）配合函数调用（ES2020+）

let b = a.test?.(); // 若test不存在则返回undefined，否则执行方法

这是最简洁的写法，当a.test不存在时不会报错，直接返回undefined

2. 类型判断配合条件表达式

let b = typeof a.test === 'function' ? a.test() : undefined;

通过typeof检查test是否为函数，避免调用时报错

3. 逻辑与运算符短路特性

let b = a.test && a.test(); // 若test不存在则返回undefined

但需注意：若test存在但非函数仍会报错，因此建议与类型判断结合使用

4. try-catch容错（不推荐）

let b;
try { b = a.test() } catch(e) { b = undefined }

虽然能处理所有异常，但代码冗余且性能较差

---

扩展方案（按需选择）

• 空值合并处理：a.test?.() ?? null 将undefined转为null
• 默认值写法：(a.test || function(){}).call(a) 强制安全调用
• 函数式封装：

const safeCall = (obj, method) => 
  typeof obj[method] === 'function' ? obj[method]() : undefined;
let b = safeCall(a, 'test');

---

注意事项

1. 可选链操作符（?.）需要ES2020+环境支持，旧环境需通过Babel等工具转译
2. 若方法需要传参，可采用a.test?.('param')形式
3. 当方法返回假值（如0、空字符串）时，需注意与undefined的区分

推荐优先使用可选链操作符，其代码简洁且语义明确。若需兼容旧环境，可采用typeof检查的方案。