在前端開(kāi)發(fā)中，大多數(shù)的調(diào)試一般都是F12中的console和network中查看請(qǐng)求數(shù)據(jù)和響應(yīng)數(shù)據(jù)，也有一部分人喜歡用debugger。

在開(kāi)發(fā)大一些的項(xiàng)目時(shí)，在開(kāi)發(fā)環(huán)境下，打開(kāi)著控制臺(tái)，切換一下頁(yè)面總是充滿(mǎn)著各種console，而且還是很多行，有一部分原因是有下面我寫(xiě)的這樣的。

?

?就是因?yàn)槿绻谕恍袃?nèi)同時(shí)打印字符串和對(duì)象的話(huà)，我們會(huì)想到如下的拼接? 但是對(duì)象會(huì)調(diào)用原型中toString()方法，讓我們看起來(lái)就難受了。

console.log('上傳結(jié)果' + {obj: '對(duì)象', name:'臧三'});

?

昨天在開(kāi)發(fā)程序的時(shí)候查看了一下企業(yè)微信的后臺(tái)，看到他的console的同一行中同時(shí)打印了字符串和對(duì)象，就想到原來(lái)是可以在同一行打印的。

?

之前想到的有時(shí)候查看的時(shí)候調(diào)用一下 JSON.stringtify()方法，但是這樣當(dāng)對(duì)象復(fù)雜的時(shí)候，就不利于查看和調(diào)試了。

console.log('上傳結(jié)果' + JSON.stringify({obj: '對(duì)象', name:'張三'}));

?

?我感覺(jué)寫(xiě)的有點(diǎn)啰嗦了，明明就是再講一個(gè)逗號(hào)的事情，你給我扯這么多沒(méi)用的哈哈。

看一下這樣的效果，如果是這樣的打印的話(huà)我感覺(jué)還會(huì)清晰很多，而且console的行的數(shù)目也會(huì)少一些。

?

?具體的做法就是在console的各個(gè)參數(shù)之間加上一個(gè)逗號(hào)，

console.log('上傳結(jié)果' , {obj: '對(duì)象', name:'張三'});

如果對(duì)你有幫助，我會(huì)很高興的。

?

轉(zhuǎn)載于:https://www.cnblogs.com/z937741304/p/11495909.html

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專(zhuān)家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的js中console在一行内打印字符串和对象的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。