错误处理与调试 - JavaScript 基础

← 返回课程JavaScript 基础 › 第 14 关

进度 0%

第 14 关：错误处理与调试

JavaScript入门

📖 本课目标

本关属于《JavaScript 基础》第 14 课。阅读右侧代码模板，理解每一行的作用，然后动手修改并完成练习。

🎯 本课要点

错误处理与调试
1. try...catch...finally

🛠 学习方式

阅读右侧代码模板中的注释与实现
修改代码，尝试达成新的效果
点击「运行」查看实际输出
确认理解后点击「提交」标记本关完成

💡 说明

本关为 JavaScript，浏览器可直接运行代码并显示真实输出。

main.pytest.py

// 错误处理与调试

// 1. try...catch...finally
function divide(a, b) {
    if (typeof a !== "number" || typeof b !== "number") {
        throw new TypeError("参数必须是数字");
    }
    if (b === 0) {
        throw new Error("除数不能为零");
    }
    return a / b;
}

try {
    console.log("10 / 2 =", divide(10, 2));
    console.log("10 / 0 =", divide(10, 0));  // 会抛出错误
} catch (error) {
    console.log("捕获错误:", error.message);
} finally {
    console.log("finally 块始终执行");
}

// 2. 自定义错误类型
class ValidationError extends Error {
    constructor(field, message) {
        super(message);
        this.name = "ValidationError";
        this.field = field;
    }
}

function validateAge(age) {
    if (age < 0 || age > 150) {
        throw new ValidationError("age", "年龄必须在 0-150 之间");
    }
    return true;
}

try {
    validateAge(200);
} catch (error) {
    if (error instanceof ValidationError) {
        console.log("\n验证失败:", error.field, "-", error.message);
    }
}

// 3. 调试技巧
console.log("\n--- 调试方法 ---");
const debugMethods = [
    "console.log()    - 基本输出",
    "console.table()  - 表格形式展示",
    "console.time()   - 计时器",
    "console.trace()  - 调用栈追踪",
    "debugger;        - 设置断点"
];
debugMethods.forEach(m => console.log("  " + m));

// console.time 示例
console.time("计算耗时");
let sum = 0;
for (let i = 0; i < 1000000; i++) sum += i;
console.timeEnd("计算耗时");
console.log("结果:", sum);

⚠️ 请勿运行 while(true) 死循环，会卡死本页

点击「运行」或「提交代码」查看结果

📖 查看本课说明

第 14 关：错误处理与调试

JavaScript · 入门 · 《JavaScript 基础》

错误处理与调试
1. try...catch...finally

本关可在浏览器直接运行。