js中console在一行內(nèi)打印字符串和對象的方法
在前端開發(fā)中，大多數(shù)的調(diào)試一般都是F12中的console和network中查看請求數(shù)據(jù)和響應數(shù)據(jù)，也有一部分人喜歡用debugger。
在開發(fā)大一些的項目時，在開發(fā)環(huán)境下，打開著控制臺，切換一下頁面總是充滿著各種console，而且還是很多行，有一部分原因是有下面我寫的這樣的。
就是因為如果在同一行內(nèi)同時打印字符串和對象的話，我們會想到如下的拼接 但是對象會調(diào)用原型中toString()方法，讓我們看起來就難受了。
console.log('上傳結(jié)果' + {obj: '對象', name:'臧三'});
昨天在開發(fā)程序的時候查看了一下企業(yè)微信的后臺，看到他的console的同一行中同時打印了字符串和對象，就想到原來是可以在同一行打印的。
之前想到的有時候查看的時候調(diào)用一下 JSON.stringtify()方法，但是這樣當對象復雜的時候，就不利于查看和調(diào)試了。
console.log('上傳結(jié)果' + JSON.stringify({obj: '對象', name:'張三'}));
我感覺寫的有點啰嗦了，明明就是再講一個逗號的事情，你給我扯這么多沒用的哈哈。
看一下這樣的效果，如果是這樣的打印的話我感覺還會清晰很多，而且console的行的數(shù)目也會少一些。
具體的做法就是在console的各個參數(shù)之間加上一個逗號，
console.log('上傳結(jié)果' , {obj: '對象', name:'張三'});
總結(jié)
以上所述是小編給大家介紹的js中console在一行內(nèi)打印字符串和對象的方法,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
這篇文章主要介紹了分析ES5和ES6的apply區(qū)別，對ES6感興趣的同學，可以參考下2021-05-05
這篇文章主要介紹了JS Canvas接口和動畫效果大全，對Canvas感興趣的同學，可以參考下2021-04-04
這篇文章主要介紹了javascript數(shù)組去重方法,通過2個示例對比分析了javascript數(shù)組去重的原理與操作技巧,需要的朋友可以參考下2016-12-12
javascript動態(tài)添加樣式(行內(nèi)式/嵌入式/外鏈式等規(guī)則)
添加CSS的方式有行內(nèi)式、嵌入式、外鏈式、導入式，下面為大家詳細介紹下javascript動態(tài)添加以上樣式規(guī)則的方法，感興趣的朋友可以參考下哈2013-06-06
淺談Javascript鼠標和滾輪事件,鼠標事件也許是web頁面當中最常用到的事件，因為鼠標是最常用的導航設(shè)備2012-06-06
這篇文章主要給大家介紹了關(guān)于JavaScript繼承的三種方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-05-05
當我們談論面向?qū)ο缶幊虝r,最難理解的事情之一就是靜態(tài)屬性與實例屬性的概念,尤其是當我們試圖在靜態(tài)類型的基礎(chǔ)上進行動態(tài)語言類型化時,在本文中,我將主要介紹一下如何使用TypeScript在接口中定義靜態(tài)方法,需要的朋友可以參考下2023-10-10
本文主要介紹了Jquery Easyui驗證擴展，Easyui驗證，Easyui校驗，js正則表達式。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章介紹了JS檢測圖片大小的實例，有需要的朋友可以參考一下2013-08-08
JavaScript實現(xiàn)網(wǎng)頁帶動畫返回頂部的方法詳解
這篇文章主要為大家詳細介紹了如何利用JavaScript實現(xiàn)網(wǎng)頁帶動畫返回頂部的效果，文中的示例代碼講解詳細，感興趣的小伙伴可以了解一下2022-08-08