Javascript console.log(对象)与串联字符串

Question

我在node.js中运行它:

> x = { 'foo' : 'bar' }
{ foo: 'bar' }
> console.log(x)
{ foo: 'bar' }
undefined
> console.log("hmm: " + x)
hmm: [object Object]
undefined

我不明白的是为什么console.log(x)"漂亮地打印"对象,而字符串连接"丑陋打印"它.更重要的是,什么是打印的最佳方式hmm: { foo: 'bar' }？

Answer 1

将+ x对象强制x转换为字符串,这只是[object Object]:

漂亮的打印是一个非常好的,可能非常复杂的底层代码,有人实现为console对象和log方法的一部分.

试试这个:

console.log("hmm: ", x);

Answer 2

'console.log'是一个重载函数,它接受一个参数列表,这些参数由copy(string | number | boolean)或引用(其他所有)传递.

在通过复制传递的值的情况下,通过将其作为字符串转换来打印该值.
在通过引用传递的值的情况下,该值在浏览器认为合适时被打印.

加号运算符(+)过载.当运算符的两边都是数字时,返回两个运算符的总和.

如果运算符的任一侧是字符串,则双方将被转换为字符串,并且将返回这两个字符串的串联.

console.log("hmm: " + x);

和写作一样

console.log(String("hmm: ") + String(x));

通过用逗号(,)交换加号(+)来防止隐式字符串转换

console.log("hmm: ", x);