Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js debugger和断点

作者:索伦之刃   发布日期:2025-09-20   浏览:80

// 示例代码:使用 js debugger 和断点

function add(a, b) {
    // 当调试器遇到 debugger 语句时,它会暂停执行
    debugger; 
    return a + b;
}

function subtract(a, b) {
    // 可以在浏览器开发者工具中设置断点,而不是使用 debugger 语句
    return a - b;
}

// 调用函数
console.log(add(5, 3));  // 输出: 8
console.log(subtract(5, 3));  // 输出: 2

解释说明:

  1. debugger 语句

    • debugger; 是一个特殊的 JavaScript 语句,当代码执行到这一行时,如果启用了调试器(例如浏览器的开发者工具),则会暂停执行。
    • 这使得你可以检查当前的变量值、调用栈等信息,帮助你调试代码。
  2. 断点

    • 断点是通过浏览器开发者工具手动设置的,而不是通过代码中的 debugger 语句。
    • 在 Chrome 或 Firefox 的开发者工具中,你可以点击代码行号旁边的区域来设置断点。当代码执行到该行时,也会暂停执行。

通过这两种方式,你可以有效地调试 JavaScript 代码,找出潜在的问题并修复它们。

上一篇:js toast

下一篇:js debug

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站