前端 TypeScript 代码断点调试技巧

在前端 TypeScript 代码中打断点有以下两种方法：

1. 在代码中直接添加 'debugger' 语句来设置断点，例如：

function foo() {
  let a = 1;
  debugger;
  console.log(a);
}
foo();

在浏览器中打开该代码，当执行到 'debugger' 语句时，代码会停止执行并进入调试模式，可以在调试模式中查看变量的值、执行堆栈等信息。

2. 使用开发者工具来设置断点，例如在 Chrome 浏览器中：

• 打开开发者工具。
• 在 Sources 面板中找到要设置断点的 ts 文件。
• 在代码行号上单击，或者使用快捷键 F9 来设置断点。
• 执行代码时，当代码执行到设置的断点处时，代码会停止执行并进入调试模式。

在调试模式中，可以使用开发者工具提供的调试功能来查看变量的值、执行堆栈等信息。