Programmatically Setting Breakpoints

DEX602 - Unit 2 Introducing Lightning Web Components

📄 第 137 页 🎬 视频课程

课程章节介绍

同学们,今天我们来聊聊如何在JavaScript代码中设置断点。断点是什么呢?简单来说,断点就是你在代码中设置的一个“暂停”按钮,当代码运行到这里时,它会停下来,让你有机会检查当前的变量值、程序状态等,这对于调试代码非常有用。 首先,我们来看第一种方法:在代码中直接添加“debugger;”语句。你只需要在你想要暂停的地方写上“debugger;”这行代码。当你在浏览器中运行这段代码,并且打开了开发者工具(通常按F12可以打开),代码运行到“debugger;”这一行时,就会自动暂停。这个方法的好处是,不管是谁,只要他们打开了开发者工具并运行这段代码,都会在这个断点处暂停。 接下来是第二种方法:在浏览器的“源”选项卡中手动添加断点。这种方法不需要修改代码。你只需要打开开发者工具,切换到“源”选项卡,找到你想要暂停的代码行,然后点击行号旁边的空白区域,就会出现一个蓝色的标记,这就是你设置的断点。这种方法的好处是,它只影响你自己的浏览器,不会影响其他运行这段代码的人。 这两种方法各有优缺点,第一种方法适合在开发过程中快速调试,而第二种方法则更适合在你不想修改代码的情况下进行调试。希望这些信息对你们有帮助,下次调试代码时,不妨试试这些方法吧!