8. 快速查找要调试的函数

以更快的速度和更高的效力来调试JavaScript

熟悉对象可以让对象在工作中发挥出更大年夜的感化。尽管江湖传言 JavaScript 很难调试，但如不雅你控制了几个技能，就能用很少的时光来解决缺点和bug.

文中已经列出了14个你可能不知道的调试技能，然则可能须要你切记在心，以便鄙人次须要调试JavaScript代码时应用!

一路来看

大年夜多半技能都实用于Chrome控制台和Firefox, 尽管还有很多其他的调试对象，但大年夜部分也实用。

1. debugger

除了console.log, debugger是我们最爱好、快速且肮脏的调试对象。履行代码后，Chrome会在履行时主动停止。你甚至可以把它封装成前提，只在须要时才运行。

if (thisThing) { 
 
  debugger; 
 
}  

2. 用表格显示对象

var animals = [ 
    { animal: 'Horse', name: 'Henry', age: 43 }, 
    { animal: 'Dog', name: 'Fred', age: 13 }, 
    { animal: 'Cat', name: 'Frodo', age: 18 } 
]; 
 
console.table(animals);  

输出：

3. 应用不合屏幕尺寸

在桌面上安装不合移动设备模仿器异常棒，但实际确是弗成行的。若何调剂窗口大年夜小呢?Chrome供给了所需的一切。跳到控制台并点击‘切换设备模式’按钮。不雅察窗口变更即可!

4. 若何快速找到DOM元素

在Elements面板中标记一个DOM元素，并在控制台中应用它。Chrome控制台会保存选择汗青的最后五个元素，最终选择的首个元素被标记为$0，第二个选择的元素为$1，依词攀类推。

如不雅您按照“item-4”，“item-3”，“item-2”，“item-1”，“item-0”的次序选择以下标签，则可以在控制台中拜访DOM节点：

5. 应用 console.time() 和 console.timeEnd() 测试轮回

要得知某些代码的履行时光，特别是调试迟缓轮回时，异常有效。 甚至可以经由过程给办法传入不合参数，来设置多个准时器。来看看它是怎么运行的：

运行产生了一下结不雅：

6. 获取函数的客栈跟踪信息

应用JavaScript框架，会惹人大年夜量代码。

创建视图并触发事宜，最后你想懂得函数调用的过程。

因为JavaScript不是一个很构造化的说话, 有时刻很难知道什么时刻产生了什么。应用console.trace (仅仅只是在控制台中跟踪) 可以便利地调试JavaScript.

想象一下，要查看第24行car实例调用函数funcZ的┞符个客栈跟踪信息：

var car; 	
			
 1/4    1 2 3 4 下一页 尾页
	
			

　　推荐阅读
　　机房配电柜、配电箱在安装时应该注意哪些“禁忌”
            
            
                
                    
                
                媒介：机房配电柜配电箱经常会出现一些问题，而大年夜多半问题的根源都是在安装过程中操作欠妥，导致问题频发>>>详细阅读


本文标题：14个你可能不知道的JavaScript调试技巧
地址：http://www.17bianji.com/lsqh/38584.html
 1/2    1