我改进了JavaScript中的错误处理：从Rust和Go中学到的经验-原创手记-慕课网

照片由 Andrew Claypool 在 Unsplash 拍摄

JavaScript 以其灵活性和易用性著称，不过这种灵活性也可能导致明显的挑战，特别是在错误处理上。

随着项目变大和越来越复杂，许多开发者，包括我自己，都遇到过有效管理错误的艰巨任务。

虽然 JavaScript 让你可以用 try/catch 包裹整个代码块，但这常常会导致难以管理和调试的复杂代码。

本文将聊聊如何借鉴Rust和Go中的结构化处理方式来改进JavaScript中的错误处理。

另外，我将提供一些使用TypeScript和ESLint的实际解决方案，以创建更强大的错误处理系统。

JavaScript的错误处理为什么需要改进

JavaScript 的错误处理方式就像一把双刃剑。一方面，你可以快速编写代码而无需担心错误处理，另一方面。但这也带来了一些代价：

脆弱的代码：过度依赖通用的 try/catch 语句会掩盖错误的根本原因，使调试变得很麻烦。
可扩展性问题：随着代码库的增长，未处理异常的情况会增加，导致意外行为和崩溃。
性能：低效的错误处理可能导致性能瓶颈，特别是在大型应用中。

谈谈通用错误处理的问题

让我们来看一个简单的例子：JavaScript 中的错误处理的示例：

    try {  
        // 可能会引发错误的代码  
        const result = riskyFunction();  
        console.log(result);  
    } catch (error) {  
        console.error(`发生了错误: ${error}`);  
    }

虽然这种方法在处理小段代码时有效，但在较大应用程序中，这种方法很快就会出现问题。你可能会无意中捕捉到未预料到的错误，从而产生一种虚假的安全感。

从Rust和Go中我们可以学到什么

Rust 和 Go 都很出名是因为它们特别重视明确的错误处理，我们能从它们那里学到一些东西：

1. 直接处理错误

在 Rust 中，错误处理通常通过使用 Result 类型来实现，该类型明确定义了函数可能的输出，使其更符合编程语言的表达习惯。

fn risky_function() -> Result<i32, String> {  
    if some_condition {  
        Ok(42)  
    } else {  
        Err("出错了".to_string())  
    }  
}

这种结构让开发人员显式处理错误，清楚地表明操作可能在哪一步失败。

2. 错误的传播

Go 也采取了类似的方法，鼓励开发者将错误传递给栈上的调用者。通过返回错误信息，Go 确保应用中的每一层都可以根据实际情况妥善处理错误。

JavaScript 中的错误处理改进

使用 TypeScript 使用强类型系统

通过使用 TypeScript，我们可以在 JavaScript 中更好地处理错误。TypeScript 让我们可以定义自己的错误类型，这样就能清楚地知道可能会遇到哪些错误。

示例：自定义错误

    class AppError extends Error {  
        constructor(public message: string, public code: number) {  
            super(message);  
            this.name = "AppError"; // 或者使用中文注释：设置错误类型为 "AppError"
        }  
    }  
    function riskyFunction(): Promise<number | AppError> {  
        return new Promise((resolve, reject) => {  
            // 模拟一个异常  
            if (someCondition) { // 某些条件满足时
                resolve(42);  
            } else {  
                reject(new AppError("发生了一个错误", 500));  
            }  
        });  
    }

利用 ESLint 一致的错误处理

通过使用 ESLint 可以帮助你在代码库中的错误处理中强制执行一致的错误处理标准。你可以配置规则，确保开发人员正确处理 Promise 并且不忽略任何错误，从而避免忽略掉错误。

ESLint 配置实例

你可以创建一个自定义的 ESLint 规则来确保每个 Promise 要么被 await 等待，要么挂载了 .catch() 方法，这样可以确保：

{  
    "规则": {  
        "promise/catch-or-return": "error",  
        "promise/always-return": "error"  
    }  
}

JavaScript 错误处理的最好做法

这里有一些处理错误的最佳实践。

使用自定义错误类来提供关于错误的上下文信息：定义提供错误上下文信息的自定义错误类。
创建一个集中的错误处理机制，用于捕获和记录错误：创建一个集中的错误处理机制，在一处捕获和记录错误。
在异步代码中，始终使用try/catch结合async/await或.catch()来处理错误：始终使用try/catch结合async/await或.catch()来处理异步代码中的错误。
实现日志记录来跟踪错误的发生情况：实现日志记录以跟踪发生错误的情况，这有助于后期诊断问题。
在捕获错误时，确保显示给用户的错误消息友好，并提供下一步操作的建议：在捕获错误时，确保显示给用户的错误消息友好，并给出下一步的操作建议。

结尾

通过应用Rust和Go中的教训，我们能够显著改进JavaScript中的错误处理。通过使用TypeScript进行强类型化，并利用ESLint强制执行错误处理规范，我们可以构建不仅更健壮而且更易于维护和调试的应用程序。