在前端開(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è)面總是充滿著各種console，而且還是很多行，有一部分原因是有下面我寫(xiě)的這樣的。

就是因?yàn)槿绻谕恍袃?nèi)同時(shí)打印字符串和對(duì)象的話，我們會(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)用的哈哈。

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

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

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

總結(jié)

以上所述是小編給大家介紹的js中console在一行內(nèi)打印字符串和對(duì)象的方法,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！

最新評(píng)論