解决浏览器控制台打印出[object Object]

在写代码过程中,有时我们会通过console.log()做一些测试,比如:输出对象的信息,检查是否符合我们的要求,以此来确保我们的代码在编写的过程中没有出现问题,但有时会出现一些我们意想不到的结果。

今天给大家分享一个我遇到的问题:

如果console.log()中用了字符串连接符“+”,后面跟对象名,就会打印出[object Object]

源代码处:

浏览器控制台:

这种形式是无法查看对象里面的具体信息,无法达到我们想要的测试目的

通过一番查阅资料发现得知:

在用加号“+”拼接对象时,会默认调用对象的toSting()方法,从而把对象转成了一个字符串。

解决方法:

把原来的加号换成逗号

源代码处:

浏览器控制台:

解决浏览器控制台打印出[object Object]_第1张图片

我们可以看到,已经成功打印出对象的详细信息了

恭喜你又解决了一个问题,离成功又更近一步了!

你可能感兴趣的:(前端,vue.js,前端,javascript,前端框架)