debugger的使用

1,127 阅读1分钟

在写JS代码的时候,我们经常会需要对js代码进行调试,debugger的作用就是在可以调试代码的部分设置断点。 debugger代码通常写在需要调试的代码的后方。 下面就以一个while语句的九九乘法表作为示例 css代码如下:

table,th,td{
            border: 1px solid red;/*此时会出现边框重心*/

            border-collapse: collapse;

        }

JS部分代码如下:

var index = 1;

    document.write("<table>")

    while(index <= 9){  

        document.write("<tr>")

            var num=1;

            while(num <= index){                          

                document.write("<td>" + num + "*" + index + "=" + num*index + "</td>")      

                num = num +1;

                debugger      

            }    

        index = index +1;

        document.write("</tr>")

    }

    document.write("</table>")

运行该项目 可以看到页面上出现了一个暂停/开始标志,单击暂停开始标志,就可以让逐步输出while循环的内容。

uTools_1638188556987.png

uTools_1638188610404.png

uTools_1638188617935.png

总的来说debugger语句可以细致的帮我们查看代码运行逐步的结果。