使用调试器断点运行本机反应 - Javascript

当您需要进行Javascript代码的调试时，调试器断点是非常有用的工具。调试器断点可以让您在代码的特定位置暂停程序的执行，以便您可以检查变量值、堆栈跟踪或执行流程。下面是一些常用的断点类型：

行断点

行断点是最常见的断点类型。这种断点允许您在代码的特定行处暂停运行。要设置行断点，请在代码行号的左侧单击或使用快捷键F9。

function foo() {
    var bar = 123;
    console.log(bar); // 行号 3
    return bar * 2;
}
foo();

条件断点

条件断点允许您在满足条件时暂停程序执行。例如，当一个变量的值等于一个特定的值时，您可以使用条件断点来停止程序的执行。要设置条件断点，请右键单击行号并选择“条件断点”。

function foo() {
    var bar = 123;
    // 条件断点：bar === 321
    if (bar === 321) {
        debugger;
    }
    console.log(bar); // 行号 5
    return bar * 2;
}
foo();

监视断点

监视断点允许您在特定变量的值更改时暂停程序的执行。例如，当一个变量的值从一个特定的值更改为另一个值时，您可以使用监视断点来停止程序的执行。要设置监视断点，请右键单击变量名称并选择“监视”。

function foo() {
    var bar = 123;
    // 监视断点：bar
    bar = 456;
    console.log(bar); // 行号 5
    return bar * 2;
}
foo();

最后，需要注意的是，使用调试器断点需要在浏览器的开发者工具中进行。发现bug，排除错误，只需要正确使用调试器断点即可。