JS控制台输出，别只会 console.log 了

引言

控制台日志输出，别再只会 console.log 了，其实Console 对象还提供了很多方法。比如console.info()、console.warn() 、console.error()等等，下面我们就来看看这些常用的方法。

console.info()

首先我们来看看console.log() 的好兄弟，console.info();

console.info() 和 console.log() 类似，用于在控制台输出一条日志信息；

     console.info("我是console.info");
     console.log("我是console.log");

在Chrome浏览器下，控制台输出效果相同：

但在其他浏览器下，比如：IE浏览器下输出 console.info()前会有一个小图标：

console.clear()

console.clear() 方法用于清除控制台输出的信息；

当控制台输出日志信息过多时，清除控制台是必要的，以便我们快速找到需要查看的日志；

        console.clear();

console.warn()

console.warn() 方法用于在控制台输出警告信息；

当我们与他人协同开发过程中，别人调用我们的方法时，漏传或少传参数的时候可以使用console.warn() 给出警告；

	console.warn("我是一条警告信息");

console.error()

console.error() 方法用于在控制台输出错误信息；

我们可以将捕获到的错误信息通过console.error() 输出到控制台；

例如：捕捉输出因接口参数（或网络情况等）变化而导致错误的信息；

xxxx.post('请求路径'，{参数})
.then(res => {
    xxxxxx
})
.catch(error => { 
console.error(error);
})

 	console.error("我是一条错误信息");

ps: console.error()只是在控制台输出一条错误信息，并不会阻止程序的执行

console.time() 、timeLog()、timeEnd()

console.time() 、timeLog()、timeEnd() 联合使用，可以在控制台输出某段程序的运行时间；

• console.time()开始计时；
• console.timeLog()相当于console.Log()；
• console.timeEnd()结束计时；

我们可以使用这些方法用来测试某段程序的运行效率；

    console.time("ForLoop");  
    for (let i = 0; i < 3; i++) {
        console.timeLog('ForLoop'); 
    }
    console.timeEnd("ForLoop");