JavaScript 调试

JavaScript 调试

JavaScript 提升(Hoisting)JavaScript 变量作用域

JavaScript 调试

程序或脚本中的错误称为bug。

调试(Debugging)是测试,发现和减少计算机程序中的错误(bug)的过程。

JavaScript调试器所有主流浏览器都具有内置的JavaScript调试器。

可以打开和关闭内置调试器,从而将错误报告给用户。

使用调试器,您可以在某些断点(可以停止执行代码的位置)处暂停代码。

一旦执行停止,您可以检查脚本的状态及其变量,以确定是否有问题。

您还可以观察变量值的变化过程。

console.log()方法如果您的浏览器支持调试,则可以用来console.log()在调试器窗口中显示JavaScript值:

示例let x = 50;

let y = 20;

let z = x + y;

console.log(z);测试看看‹/›要访问Web浏览器的控制台,请先按F12键盘上的键,然后单击“控制台”选项卡。

调试器(debugger)关键字debugger关键字调用的任何可用的调试功能性,如设置一个断点。

如果没有可用的调试功能,则此语句无效。

以下示例显示了在其中debugger插入语句以调用调试器的代码:

示例var a = 50 + 20;

debugger;

document.getElementById("output").innerHTML = a;测试看看‹/›调用调试器时,该debugger语句的执行将暂停。这就像脚本源中的断点。

主要浏览器的调试工具通常,您使用激活浏览器F12中的调试,然后在调试器菜单中选择“控制台”。

否则,请按照下列步骤操作:

Chrome打开浏览器

从菜单中,选择“更多工具”

从工具中,选择“开发人员工具”

最后,选择控制台

FireFox打开浏览器

从菜单中选择“ Web开发人员”

最后,选择“ Web控制台”

Edge打开浏览器

从菜单中选择“开发人员工具”

最后,选择“控制台”

Opera打开浏览器

从菜单中选择“开发人员”

从“开发人员”中,选择“开发人员工具”

最后,选择“控制台”

Safari转到主菜单中的Safari,首选项,高级

选中“在菜单栏中启用显示开发菜单”

当新选项“开发”出现在菜单中时:选择“显示错误控制台”

JavaScript 提升(Hoisting)JavaScript 变量作用域

相关推荐

如何通过qq加微信
365日博体育备用

如何通过qq加微信

08-02 👁️ 3820
座机电话怎么申请安装?详细教程教你轻松搞定
365日博体育备用

座机电话怎么申请安装?详细教程教你轻松搞定

07-05 👁️ 6697
联想固态硬盘评测:性能与用户体验的全面分析