console.log(consolelog的作用)

javascript 中的console.log有什么作用啊？是做什么的呢？谢谢大家

主要是方便你调式javascript用的。你可以看到你在页面中输出的内容。

相比alert他的优点是：

他能看到结构话的东西，如果是alert，淡出一个对象就是[object object],但是console能看到对象的内容。

console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。

console里面的内容非常丰富，你可以在控制台输入：console，然后就可看到：

Console?{memory:?MemoryInfo,?debug:?function,?error:?function,?info:?function,?log:?function…}

它有网页的各种提示。

console.log()是什么意思？

除了一些很老版本的浏览器，现今大多数浏览器都自带调试功能；即使没有调试功能，也可以通过安装插件来进行补充。

比如，老版本的Firefox没有自带调试工具，在这种情况下可以通过安装Firebug插件来添加调试功能。在具备调试功能的浏览器上，window对象中会注册一个名为console的成员变量，指代调试工具中的控制台。通过调用该console对象的log()函数，可以在控制台中打印信息。

console.log()可以接受任何字符串、数字和JavaScript对象。与alert()函数类似，console.log()也可以接受换行符\n以及制表符\t。console.log()语句所打印的调试信息可以在浏览器的调试控制台中看到。不同的浏览器中console.log()行为可能会有所不同。

console.log有什么作用？要比alert好用吗？

同样都是调试，console.log要比alert好在：

1. console可以看到结构化的东西，如果是alert，弹出一个对象就是[object object],但是console能看到对象的内容。

2. console不会打断你ye mian的操作，如果用alert弹出来内容，那么ye mian就死了，但是console输出内容后你ye mian还可以正常操作。

3. 如果循环一条数据有100条，alert那就一个一个弹出要疯掉了，console一目了然比较方便。来自三人行慕课。

console.log()的作用

主要是方便调式javascript用的，可以看到在页面中输出的内容，与alert相比，它能看到结构化的东西，而alert淡出一个对象就是[obujct object]，但comsole能看到对象的内容，console不会打断页面的操作。

相比alert他的优点是：

1、他能看到结构话的东西，如果是alert，淡出一个对象就是object object，但是console能看到对象的内容。

2、console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。

3、console里面的内容非常丰富，你可以在控制台输入console，然后就可看到。

相关内容：

比如，老版本的Firefox没有自带调试工具，在这种情况下可以通过安装Firebug插件来添加调试功能。在具备调试功能的浏览器上，window对象中会注册一个名为console的成员变量，指代调试工具中的控制台。通过调用该console对象的log()函数，可以在控制台中打印信息。

console.log()可以接受任何字符串、数字和JavaScript对象。与alert()函数类似，console.log()也可以接受换行符\n以及制表符\t。console.log()语句所打印的调试信息可以在浏览器的调试控制台中看到。不同的浏览器中console.log()行为可能会有所不同。

console.log 格式化输出

在开发调试前端工程时,经常会遇到需要格式化输出的需求, 那么该如何操作呢?

发车咯...

1. console.log 用于输出 普通信息

2. console.info 用于输出 提示性信息

3. console.error 用于输出 错误信息

4. console.warn 用于输出 警示信息

5. console.debug 用于输出 调试信息

console对象的上面5种方法，都可以使用 printf风格 的占位符。

不过，占位符的种类比较少，只支持

前端console.log的样式

控制台是每个开发过程中非常有用的部分。 我们出于各种原因使用它来记录项目、查看数据、保留某些数据以供以后使用等等。 因此，考虑到经常要与它直接和间接地互动，我们介绍一种方法来赋予它美丽的外观，可以使输出的内容更加诱惑你的眼球。

在这篇文章中，我们将演示如何给console应用样式。让我们从记录一个简单的“Hello World！”开始。 并对其应用样式。

输出粉色的文字

console.log(" %c Hello world!", "color:pink; font-size:30px")

可以看到，其实就是对输出内容，应用了css样式而已，只要你会CSS, 你就可以充分发挥你的想象力来定制化你的 console 。再来点例子：

稍微复杂点的例子如下：

对了，你还可以改变背景颜色，甚至加入渐变色：

console.log('%c 太棒了!!', 'background:linear-gradient(to right, #fc5c7d, #6a82fb); color:white; font-size:40px; padding:15px;')

console.warn, console.error同样适用哦。

怎么样，是不是很酷？

最后提醒大家，不要忘记要在显示内容的前面加上 %c 说明符来设置控制台的内容。