js控制台调试

说到调试，就是平时在遇到代码问题的时候对错误代码进行的修改以及寻找错误的过程。我们通常会利用一些输出语句来判断代码执行在代码块的何处出现问题。在js中，提到代码输出我们就会自然联想到alert()。但是alert弹出的是一个个的对话框，要进行调试就必须用鼠标一个个地点击确定，这未免过于麻烦。这时候console.log()控制台方法就可以很好的解决这个问题，它不会像alert()一样输出对话框，而是在控制台当中输出语句。这样你同样可以知道代码执行至何处，又不再需要经常确定对话框。

接下来，我们深入讲解控制台对象：console()

先从前言中的console.log开始，console.log()可以代替alert()和document.write()。alert会让你在循环多个数组项的时候点击对话框点疯掉，document.write在你需要输出对象的时候会输出[Object Object]这样的东西。但是console却不会出现上面这些问题，他可以直接在控制台显示输出结果，并且正确输出对象内容.请看下面的例子：

var arr=[{name:"润滑",age:18},{name:"谭文",age:18}];
for(var i=0;i<arr.length;i++){
console.log(arr[i]);
}

//在控制台输出结果
Object{name:"润滑",age:18}
Object{name:"谭文",age:18}

　　而且，在上面的代码中，如果我们接着在后面输入arr，并且直接回车，就会输出Object，我们可以直接点击Object展开这个数组内的对象进行查看了。这就是控制台的方便之处。

另外同样的，我们在控制台中输入console，再回车（回车相当于展开或是执行代码），就会可以查看console这个对象具有的方法

展开之后，我们会发现有部分属性是深色的，部分是浅色的。深色的属性或方法是我们直接调用的方法，而浅色的表示默认的属性或方法。一般我们常用的也就log和dir。其他比较少用。

console.dir(object)，会以列表的形式输出一个对象的所有属性，和查看DOM窗口类型。

某个润滑君

js控制台调试

公告