js中console在一行內(nèi)打印字符串和對象的方法
在前端開發(fā)中，大多數(shù)的調(diào)試一般都是F12中的console和network中查看請求數(shù)據(jù)和響應(yīng)數(shù)據(jù)，也有一部分人喜歡用debugger。
在開發(fā)大一些的項(xiàng)目時(shí)，在開發(fā)環(huán)境下，打開著控制臺，切換一下頁面總是充滿著各種console，而且還是很多行，有一部分原因是有下面我寫的這樣的。
就是因?yàn)槿绻谕恍袃?nèi)同時(shí)打印字符串和對象的話，我們會想到如下的拼接 但是對象會調(diào)用原型中toString()方法，讓我們看起來就難受了。
console.log('上傳結(jié)果' + {obj: '對象', name:'臧三'});
昨天在開發(fā)程序的時(shí)候查看了一下企業(yè)微信的后臺，看到他的console的同一行中同時(shí)打印了字符串和對象，就想到原來是可以在同一行打印的。
之前想到的有時(shí)候查看的時(shí)候調(diào)用一下 JSON.stringtify()方法，但是這樣當(dāng)對象復(fù)雜的時(shí)候，就不利于查看和調(diào)試了。
console.log('上傳結(jié)果' + JSON.stringify({obj: '對象', name:'張三'}));
我感覺寫的有點(diǎn)啰嗦了，明明就是再講一個(gè)逗號的事情，你給我扯這么多沒用的哈哈。
看一下這樣的效果，如果是這樣的打印的話我感覺還會清晰很多，而且console的行的數(shù)目也會少一些。
具體的做法就是在console的各個(gè)參數(shù)之間加上一個(gè)逗號，
console.log('上傳結(jié)果' , {obj: '對象', name:'張三'});
總結(jié)
以上所述是小編給大家介紹的js中console在一行內(nèi)打印字符串和對象的方法,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
這篇文章主要介紹了微信小程序vant輸入框問題,本文給大家分享完美解決方案，結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-09-09
通過javascript進(jìn)行UTF-8編碼的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄ㄟ^javascript進(jìn)行UTF-8編碼的實(shí)現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
javascript數(shù)組的擴(kuò)展實(shí)現(xiàn)代碼集合
非常不錯的javascript數(shù)據(jù)功能增強(qiáng)函數(shù)2008-06-06
這篇文章主要介紹了JS阻止事件冒泡行為和閉包的方法的相關(guān)資料,需要的朋友可以參考下2016-06-06
全面解析Bootstrap中nav、collapse的使用方法
這篇文章主要為大家詳細(xì)解析了Bootstrap中nav、collapse的使用方法，感興趣的朋友可以參考一下2016-05-05
跨域（Cross-Origin）是指在瀏覽器中,當(dāng)前網(wǎng)頁的協(xié)議、域名或端口與請求目標(biāo)的協(xié)議、域名或端口不相同,即存在跨域請求的情況,這篇文章主要介紹了uniapp中安裝axios并解決跨域問題小結(jié),需要的朋友可以參考下2024-05-05
用js實(shí)現(xiàn)表格的拖拽效果代碼2008-05-05
這篇文章主要介紹了詳解ES6中的Map與Set集合，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-03-03
這篇文章主要介紹了 微信小程序 rich-text的使用方法的相關(guān)資料,這里提供屬性及方法并實(shí)現(xiàn)實(shí)例，幫助大家學(xué)習(xí)理解，需要的朋友可以參考下2017-08-08
這篇文章主要介紹了淺析Bootstrap組件之面板組件 的相關(guān)資料,需要的朋友可以參考下2016-05-05