文章目录
- 1. 基本的try-catch-finally结构
- 2. 全局异常处理
- 3. 自定义错误类
- 4. 使用Promise的catch
- 5. 异步函数中的try-catch
- 6. 记录日志
- 7. 用户友好的错误提示
在
JavaScript项目中，合理地处理异常捕获对于提高程序的健壮性和用户体验至关重要。以下是一些关键实践和方法：
1. 基本的try-catch-finally结构
- try: 将可能会抛出错误的代码包裹在
try块内。 - catch: 使用
catch块来捕获在try块中发生的错误，并在此处处理错误。 - finally: 可选的
finally块无论是否发生错误都会执行，通常用于清理资源，如关闭文件或数据库连接。
try {// 尝试执行的代码
} catch (error) {// 处理错误console.error('捕获到错误:', error);
} finally {// 无论是否捕获到错误都会执行的代码
}
2. 全局异常处理
-
在
Node.js应用中，可以使用process.on('uncaughtException')和process.on('unhandledRejection')监听未被捕获的异常和Promise拒绝。 -
在浏览器环境中，可以通过
window.onerror监听全局脚本错误。
// Node.js示例
process.on('uncaughtException', (error) => {console.error('未捕获的异常:', error);// 进程退出或其他逻辑处理process.exit(1);
});// 浏览器示例
window.onerror = function(message, source, lineno, colno, error) {console.error('全局错误处理:', message, source, lineno, colno, error);
};
3. 自定义错误类
创建自定义错误类继承自Error，以便于区分和处理不同类型的错误。
class CustomError extends Error {constructor(message) {super(message);this.name = 'CustomError';}
}try {throw new CustomError('这是一个自定义错误');
} catch (error) {if (error instanceof CustomError) {console.log('处理自定义错误');} else {console.log('处理其他错误');}
}
4. 使用Promise的catch
确保每个Promise链都有.catch来处理拒绝的情况。
fetchData().then(processData).catch((error) => {console.error('Promise错误:', error);});
5. 异步函数中的try-catch
在使用async/await时，直接在async函数内部使用try-catch来捕获异常。
async function fetchDataAndProcess() {try {const data = await fetchData();// 处理数据} catch (error) {console.error('异步操作错误:', error);}
}
6. 记录日志
异常发生时，记录详细的错误日志，便于后续分析和问题定位。
7. 用户友好的错误提示
对于前端应用，捕获到错误后，应向用户提供清晰、友好的错误信息
