在 JavaScript 开发中，处理错误一直是个麻烦事。很多人习惯用 try/catch 来捕获错误，虽然它能用，但代码看起来会很乱。特别是当代码里有多个异步操作时，try/catch 会让逻辑变得很难读懂。
今天，我们来聊聊几种更现代、更清晰的错误处理方法。这些方法能让你的代码更干净，也更容易维护。
为什么 try/catch 不够好？
try/catch 是 JavaScript 中处理错误的传统方式。但它有一个明显的问题：代码结构会变得复杂。比如下面这个常见的例子：
try {
const data = await fetchUser();
doSomething(data);
} catch (e) {
console.error('出错了', e);
}如果只有一两个异步操作，这样写还可以接受。但如果需要处理多个异步调用，代码就会变得混乱：
try {
const user = await fetchUser();
const posts = await fetchPosts();
const comments = await fetchComments();
// 更多调用...
} catch (e) {
// 不知道具体是哪个步骤出错了
}这种情况下，一旦出错，很难快速定位问题出现在哪一步。而且代码缩进层次变多，可读性明显下降。
方法一：使用 Try 运算符（提案阶段）
JavaScript 社区正在考虑引入一个新的 try 运算符。它不再是一个语句，而是一个表达式。这个提案的灵感来自 Go 和 Rust 等语言的处理方式：把错误当作值来返回，而不是通过流程控制来处理。
提案示例：
const [success, error, result] = try await fetchUser();如果成功：success 为 true，result 包含数据
如果失败：success 为 false，error 包含错误信息
这种方式更直观，也更便于在条件判断中使用。不过要注意，这个功能目前还处于提案阶段，并不是 JavaScript 的标准功能。
方法二：自己封装一个 SafeAwait 工具
在官方方案出来之前，我们可以自己写一个简单的工具函数来处理异步错误。它的核心思路是把 Promise 的结果包装成一个固定格式的返回值。
以下是一个 TypeScript 示例：
type SafeAwaitResult<T> =
| [true, null, T]
| [false, Error, null];
async function safeAwait<T>(promise: Promise<T>): Promise<SafeAwaitResult<T>> {
try {
const result = await promise;
return [true, null, result];
} catch (err: unknown) {
const error = err instanceof Error ? err : new Error(String(err));
return [false, error, null];
}
}使用方式：
const [ok, err, user] = await safeAwait(fetchUser());
if (!ok) {
console.error('请求失败：', err);
return;
}
console.log('用户数据：', user);你也可以连续处理多个异步操作：
const [ok1, err1, user] = await safeAwait(fetchUser());
if (!ok1) return handleError(err1);
const [ok2, err2, posts] = await safeAwait(fetchPosts(user.id));
if (!ok2) return handleError(err2);
showDashboard(user, posts);这种写法的好处是：
结构清晰，一眼就能看出成功和失败的情况
避免了多层嵌套的 try/catch
类型安全，适合在 TypeScript 项目中使用
可以重复使用，统一错误处理逻辑
方法三：使用现成的工具库
如果你不想自己写，也可以使用社区中已经成熟的库。比如 await-to-js 就是一个很受欢迎的选择。
安装方式：
npm install await-to-js使用示例：
import to from 'await-to-js';
const [err, data] = await to(fetchUser());
if (err) {
return handleError(err);
}
showData(data);这个库很小，但功能完整。它帮你处理了所有底层细节，让你能专注于业务逻辑。
三种方法怎么选？
try/catch：适合简单的场景，或者需要精确捕获某段代码错误的情况
自己封装：适合中型或大型项目，需要统一错误处理规范的时候
使用库：适合快速开发，或者团队希望减少自己维护工具的情况
总结
JavaScript 的错误处理方式正在不断进化。无论选择哪种方法，目标都是一样的：写出更清晰、更易维护的代码。try/catch 虽然不会消失，但在复杂的异步场景下，我们已经有了更好的选择。
试着在下一个项目中用这些新方法替代传统的 try/catch，你会发现代码变得更易读，也更容易调试。好的错误处理不仅能减少 bug，还能提高开发效率。
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！