你平时是怎么调试js的？会断点调试吗？断点调试有什么技巧呢？

常用的 JavaScript 调试方法：

console.log()： 最常用的方法，在代码中插入 console.log() 语句来输出变量的值、函数的返回值等信息，帮助追踪代码执行流程和定位问题。
debugger 语句： 在代码中插入 debugger; 语句，当浏览器执行到该语句时会自动暂停，方便开发者查看当前的变量状态和调用栈。需要配合浏览器开发者工具使用。
浏览器开发者工具： 现代浏览器都内置了强大的开发者工具，提供了断点调试、性能分析、网络监控等功能。这是前端开发最重要的调试工具。
代码检查工具 (Linters)： 例如 ESLint，可以帮助发现代码中的语法错误、潜在的逻辑问题和不规范的代码风格。
单元测试： 编写单元测试可以帮助验证代码的各个部分是否按预期工作，及早发现和修复 bug。

断点调试技巧：

设置断点： 在浏览器开发者工具的 Sources 面板中，点击行号可以设置断点。代码执行到断点处会暂停。
单步执行： 使用 "Step over" (跳过函数调用)、"Step into" (进入函数调用)、"Step out" (跳出当前函数) 等按钮可以控制代码的单步执行，观察每一步的变化。
查看变量： 在 Scope 面板中可以查看当前作用域内的变量值。也可以将鼠标悬停在代码中的变量上查看其值。
监视变量： 在 Watch 面板中添加需要监视的变量，可以实时观察其值的变化。
条件断点： 可以设置条件断点，只有当满足特定条件时才会触发断点。例如，i > 10。
断点日志： 可以使用 console.log() 在断点处输出信息，而无需修改代码。
DOM 断点： 可以在 Elements 面板中对 DOM 元素设置断点，例如当元素的属性发生变化时触发断点。
XHR/Fetch 断点： 可以设置断点来拦截网络请求，方便调试与后端接口的交互。
调用栈： 查看 Call Stack 面板可以了解函数的调用顺序，帮助定位问题发生的源头。