1。自动断点有时在执行JavaScript代码时,可能来不及设置断点,代码就会执行。其实可以在代码中写debugger(第8行),让代码执行自动停在debugger位置。functiona(){console.log('entera');b();}functionb(){console.log('enterb');调试器;c();}functionc(){console.log('enterc');}a2。手动断点断点是程序员调试代码的一个非常有用的工具。通过断点调试,可以看到当前执行环境下各个变量的值,以及调用栈。查看每一步下代码的运行状态。如图(Chrome调试面板->sources->点击代码行号添加断点):3.Printcallstack可以通过debug面板查看当前代码的调用堆栈,也可以通过打印函数console.trace()调用堆栈,下面代码的第13行。4.将对象打印成表格下面是一个对象,可以通过console.table(obj)打印出来。letpkg={"name":"mini_tools","version":"1.0.0","description":"","main":"index.js","dependencies":{"jquery":"^1.12.4"},"devDependencies":{},"scripts":{"test":"echo\"Error:notestspecified\"&&exit1"},"author":"","license":"ISC"};控制台表(包);打印结果如图:本课程主要介绍几种调试JavaScript的技巧。这些技巧在工作中很有用,需要掌握。
