Chrome开发者控制台中的蓝色数字?

时间:2013-08-09 10:06:28

标签: javascript variables google-chrome-devtools increment

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

这个变量已经做了一些怪异的事情,比如如果我尝试使用+=运算符添加它,它实际上会在数字后面添加附加值(例如,如果x=5我做了x+=3x等于53)。真正令人难以置信的一点是,用++增加它可以按预期工作,但我的问题不是为什么会发生这种情况,而是为什么增加的数字在控制台中是蓝色的?如果有人能告诉我可能出现上述情况的情况会很好,但我感觉控制台中的蓝色条目与它有关。

基本上,为什么在Chrome开发者控制台中,数字会显示为蓝色?

2 个答案:

答案 0 :(得分:16)

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

console.log() output

你是对的,+=的问题与这些颜色有某种联系。您正在为字符串添加数字,导致连接(53)。

答案 1 :(得分:0)

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

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

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

enter image description here