JavaScript
エラーハンドリング
try-catchと非同期処理のエラーハンドリングパターン
エラーハンドリングは、アプリケーションの安定性を保つために重要です。エラーが発生する可能性のある処理には必ず try-catch を使用し、問題が発生した場合は適切な対応を行ってください。
基本パターン
エラーが発生しうる処理には try-catch を使い、何が問題か分かるようなエラーメッセージを記述します。エラー内容は必ずコンソールに出力し、必要に応じてデフォルト値を返してください。
function parseJSON(str) {
try {
return JSON.parse(str);
} catch (error) {
console.error("JSON解析エラー:", error.message);
return null;
}
}
非同期処理のエラー規則
非同期処理では async/await を使い、必ず try-catch で囲んでエラーを補足します。エラー時には内容をコンソールに出力し、適切なデフォルト値を返すようにしてください。
async function fetchData(url) {
try {
const response = await fetch(url);
if (!response.ok) {
throw new Error(`HTTP ${response.status}`);
}
return await response.json();
} catch (error) {
console.error("データ取得エラー:", error.message);
return null;
}
}