博客

1. JS输出内容为[object Object]

console.log('res:' + res);//[object Object]

加号的作用

首先，我们的代码中有+（加号）运算符，它在这种情况下（字符串 + 其它什么东西），会调用toString()方法，将其它类型的东西转化为字符串，再和原始字符串拼接成一个字符串；

toString()从哪里来，干了什么？

以下摘自MDN：

除了null和undefined之外，其他的类型(数值、布尔、字符串、对象)都有toString()方法，它返回相应值的字符串表现(并不修改原变量)。

每个对象都有一个toString()方法。 当该对象被表示为一个文本值时，或者一个对象以预期的字符串方式引用时自动调用。

默认情况下，toString()方法被每个Object对象继承。如果此方法在自定义对象中未被覆盖，toString()返回 “[object

type]”，其中type是对象的类型。 而在上述项目中，res正是我们自定义的对象，所以res.toString()的结果为[object

Object]，所以console.log(‘res:’ + res)的结果为res: [object Object]。

解决方法

去掉字符串‘res’，直接输出对象res

代码改写如下:

console.log(JSON.stringify(user))//返一般回一个对象

Tips：一些补充

(1).toString()      // "1"

[1,2].toString()    // "1, 2"

({}).toString()     // [object Object]

true.toString()     // "true"

null.toString()     // Uncaught TypeError: Cannot read property 'toString' of null

undefined.toString()  // Uncaught TypeError: Cannot read property 'toString' of null

第3行，不能直接写成{}.toString()是因为：{}会被当成代码块而不是空对象,也就是导致上面问题产生的原因