在前端開發(fā)中,大多數(shù)的調(diào)試一般都是F12中的console和network中查看請求數(shù)據(jù)和響應(yīng)數(shù)據(jù),也有一部分人喜歡用debugger。
在開發(fā)大一些的項(xiàng)目時(shí),在開發(fā)環(huán)境下,打開著控制臺(tái),切換一下頁面總是充滿著各種console,而且還是很多行,有一部分原因是有下面我寫的這樣的。
就是因?yàn)槿绻谕恍袃?nèi)同時(shí)打印字符串和對象的話,我們會(huì)想到如下的拼接 但是對象會(huì)調(diào)用原型中toString()方法,讓我們看起來就難受了。
console.log('上傳結(jié)果' + {obj: '對象', name:'臧三'});
昨天在開發(fā)程序的時(shí)候查看了一下企業(yè)微信的后臺(tái),看到他的console的同一行中同時(shí)打印了字符串和對象,就想到原來是可以在同一行打印的。
之前想到的有時(shí)候查看的時(shí)候調(diào)用一下 JSON.stringtify()方法,但是這樣當(dāng)對象復(fù)雜的時(shí)候,就不利于查看和調(diào)試了。
console.log('上傳結(jié)果' + JSON.stringify({obj: '對象', name:'張三'}));
我感覺寫的有點(diǎn)啰嗦了,明明就是再講一個(gè)逗號(hào)的事情,你給我扯這么多沒用的哈哈。
看一下這樣的效果,如果是這樣的打印的話我感覺還會(huì)清晰很多,而且console的行的數(shù)目也會(huì)少一些。
具體的做法就是在console的各個(gè)參數(shù)之間加上一個(gè)逗號(hào),
console.log('上傳結(jié)果' , {obj: '對象', name:'張三'});
總結(jié)
以上所述是小編給大家介紹的js中console在一行內(nèi)打印字符串和對象的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com