1. Optional Chaining (可选链)
案例：
const user = { name: "Kimi", details: { age: 30 } };
const age = user.details?.age; // 如果 user 或 details 是 null/undefined，返回 undefined 而不是抛出错误
优点：
- 预防运行时错误，特别是在访问可能为
null或undefined的对象属性时。
缺点： - 浏览器支持：不是所有浏览器都支持 Optional Chaining，尤其是旧版本浏览器，可能需要转译。
- 静默失败：可能会默默返回
undefined，导致难以调试的问题，如果处理不当的话。
2. 安全赋值运算符 ?= (ECMAScript 提案)
案例：
async function getData() {
const [error, response] ?= await fetch('https://api.example.com/data');
if (error) return handleError(error);
return response;
}
优点：
- 简化错误处理，减少对传统
try-catch代码块的需求。 - 代码更干净、更高效，易于跟踪和维护。
缺点： - 还在提案阶段，可能需要等待浏览器支持或使用转译工具。
3. await-to-js 库
案例：
import to from 'await-to-js';
async function fetchData() {
const [err, data] = await to(someAsyncFunction());
if (err) {
// 错误处理逻辑
return;
}
// 成功处理逻辑
}
优点：
- 无需使用
try-catch即可轻松处理错误。 - 代码简洁，避免了传统的
try-catch块，使得代码更易于阅读和理解。
缺点： - 需要额外的库支持，增加了项目的依赖。
4. Promise 错误处理
案例：
fetch('https://api.example.com/data')
.then(response => response.json())
.catch(error => console.error('请求失败:', error));
优点：
- 适用于异步操作，可以链式处理错误。
- 代码更加简洁，易于理解和维护。
缺点： - 需要对 Promise 有深入理解，否则可能遗漏错误处理。
总结
替代 try-catch 的方案各有优缺点，选择时需要根据具体的应用场景和需求来决定。Optional Chaining 和安全赋值运算符 ?= 提供了更现代的语法糖，但可能需要考虑浏览器兼容性问题。await-to-js 库提供了一种简洁的错误处理方式，但增加了项目依赖。Promise 的错误处理则适用于异步操作，但需要对 Promise 有较好的掌握。每种方案都有其适用场景，开发者可以根据实际情况选择最合适的方法。