Chrome 开发控制台中的蓝色数字？答案

【问题标题】：Blue number in Chrome Dev Console?Chrome 开发控制台中的蓝色数字？
【发布时间】：2013-08-11 05:50:26
【问题描述】：

在 javascript 中，我有一个变量，我将其推送到 console.log，然后将其递增并再次将其推送到日志中，这在 Chrome 开发工具中显示如下。

这个变量做了一些奇怪的事情，比如如果我尝试使用+= 运算符来添加它，它实际上会将添加的值放在数字之后（例如，如果x=5 我做了x+=3， x 将等于 53)。真正令人难以置信的部分是使用 ++ 递增它按预期工作，但我的问题不是为什么会发生这种情况，而是为什么递增的数字在控制台中是蓝色的？如果有人能告诉我可能发生上述情况的情况，那就太好了，但我感觉控制台中的蓝色条目与它有关。

那么基本上为什么在 Chrome 开发控制台中，数字会显示为蓝色？

【问题讨论】：

标签： javascript variables google-chrome-devtools increment

【解决方案1】：

当您使用console.log 打印字符串时，您会得到黑色输出。但是，如果您打印一个数字，则输出为蓝色。请参阅下面的屏幕截图（不要介意带有 'undefined' 值的行，因为这是 console.log() 默认返回的内容）。

你是对的，+= 的问题在某种程度上与这些颜色有关。您将数字添加到导致连接的字符串 (53)。

【讨论】：

好吧，如果它是一个解释为什么使用 += 会将它固定到最后的字符串，现在我只需要首先弄清楚为什么它是一个字符串。非常感谢！
@Konrad，颜色变化的原因是什么？

【解决方案2】：

注意console.log()中使用逗号和加号的区别

console.log( 'console.log("(" + 1 + ")"); // string concat' );
console.log("( " + 999 + " )"); 

console.log( 'console.log("(", 1, ")"); // string, number (blue), string' );
console.log("(", 999, ")");

【讨论】：