JS调试过程中查看输出结果的方式有哪些

编写JS的过程中，经常需要打印输出成果，查看数据判定程序逻辑是否犯错，下面介绍JS调试过程中查看输出成果的体例有哪些。

方式/步调

1
新建一个HTML文件，定名为test.html，用于JS输出成果的测试。
2
利用console.log查看输出成果。例如，要查看两个数据相加的成果，但不但愿在前端页面展示出来，就可以经由过程console.log输出查看成果。代码如下：
3
console.log输出体例一般经由过程浏览器的节制台查看，在浏览器运行代码后，按F12，然后切换到节制台的日记栏面前目今，即可查看输出的成果。
4
经由过程alert（）方式，以弹窗的体例查看输出成果，这种体例比力直接，在运行页面时执行或者在函数内执行。下面以函数的体例测试输出的成果。代码如下：
5
在浏览器运行代码，查看输出的成果：
6
经由过程document.write（）方式输出，这种体例会直接在页面输出成果，相对于以上两种方式加倍简单。在test.html页面编写代码，实现两个数相加，并输出成果，代码如下：
7
在浏览器运行代码，查看输出的成果：