js axios 中断接口请求 js中断点用法

转载

jacksky 2024-02-28 11:05:09

文章标签 js axios 中断接口请求 javascript 开发语言 ecmascript html 文章分类 iOS 移动开发

在浏览器中调试

Sources

hello.js

function hello(name) {
    let phrase = `Hello,${name}!`;

    say(phrase);
}

function say(phrase) {
    alert(`** ${phrase}**`);
}

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>断点</title>
</head>
<body>
    hello,breakpoint
    <script src="./1hello.js"></script>    
</body>
</html>

js axios 中断接口请求 js中断点用法_js axios 中断接口请求

断点（Breakpoints）

js axios 中断接口请求 js中断点用法_开发语言_02

断点是调试器会自动暂停 JavaScript 执行的地方。

利用断点调试程序。设置断点后，即可运行程序。程序执行到断点所在的行，就会中断运行。
程序中断后，如果将鼠标放在希望观察执行过程的语句的变量上面，调试器就会自动显示执行到断点时该变量的值。
小Tips:
程序中断后，断点所在的行还没有执行。

当代码被暂停时，我们可以检查当前的变量，在控制台执行命令等等。

我们总是可以在右侧的面板中找到断点的列表。当我们在数个文件中有许多断点时，这是非常有用的。
我们可以：
快速跳转至代码中的断点（通过点击右侧面板中的对应的断点）。
通过取消选中断点来临时禁用对应的断点。
通过右键单击并选择移除来删除一个断点。
……等等。

条件断点

在行号上右键单击允许你创建一个条件断点。
只有当给定的表达式为真（即满足条件）时才会被触发。
当我们需要在特定的变量值或参数的情况下暂停程序执行时，这种调试方法就很有用了。

Debugger 命令

使用 debugger 命令来暂停代码。
在代码编辑器中，使用 debugger 命令来暂停代码。不用切换到浏览器在开发者工具中查找脚本来设置断点。

hello.js

function hello(name) {
    let phrase = `Hello,${name}!`;

    debugger; // <-- 调试器会在这停止

    say(phrase);
}

function say(phrase) {
    alert(`** ${phrase}**`);
}