Console 相关操作

Console在javaScript调试相关操作

@(Console)[javaScript]

在Web开发调试javaScript中，经常要在页面上输出相关对象或者某些属性值，我之前一直采用的alert()。但是在对象面前显得苍白无力，用console比较方便，可以debug时查看对象具体的值。实际上alert是弹出提示而console.log()是在调试工具里打印日志。

console.log()/console.debug()/console.info()/console.error()等方法，可以用易读的方式输出变量以及对象等;

@(范例)console.log 用来输出普通信息；
console.info 用于输出提示性信息；
console.error用于输出错误信息；
console.warn用于输出警示信息；

console.log(“test”);
console.info(“test”);
console.debug(“test”);
console.error(“test”);
console.warn(“test”);
在浏览器下输出结果如图：

alet与console的区别

alert

[1.1]有阻塞作用，不点击确定，后续代码无法继续执行
[1.2]alert()只能输出string,如果alert输出的是对象会自动调用toString()方法.e.g. alert([1,2,3]);//’1,2,3’
[1.3]alert不支持多个参数的写法,只能输出第一个值.e.g. alert(1,2,3);//1

console

[2.1]在打印台输出
[2.2]可以打印任何类型的数据e.g. console.log([1,2,3]);//[1,2,3]
[2.3]支持多个参数的写法e.g. console.log(1,2,3)// 1 2 3