js中console在一行內(nèi)打印字符串和對(duì)象的方法
在前端開發(fā)中，大多數(shù)的調(diào)試一般都是F12中的console和network中查看請(qǐng)求數(shù)據(jù)和響應(yīng)數(shù)據(jù)，也有一部分人喜歡用debugger。
在開發(fā)大一些的項(xiàng)目時(shí)，在開發(fā)環(huán)境下，打開著控制臺(tái)，切換一下頁(yè)面總是充滿著各種console，而且還是很多行，有一部分原因是有下面我寫的這樣的。
就是因?yàn)槿绻谕恍袃?nèi)同時(shí)打印字符串和對(duì)象的話，我們會(huì)想到如下的拼接 但是對(duì)象會(huì)調(diào)用原型中toString()方法，讓我們看起來(lái)就難受了。
console.log('上傳結(jié)果' + {obj: '對(duì)象', name:'臧三'});
昨天在開發(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é)寫的有點(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)注明出處，謝謝！
- .NET?Core控制臺(tái)應(yīng)用ConsoleApp讀取appsettings.json配置文件
- vue-cli3在main.js中console.log()會(huì)報(bào)錯(cuò)的解決
- 如何使用JS console.log()技巧提高工作效率
- JavaScript的console命令使用實(shí)例
- Node.js中console.log()輸出彩色字體的方法示例
- js console.log打印對(duì)象時(shí)屬性缺失的解決方法
- JavaScript查看代碼運(yùn)行效率console.time()與console.timeEnd()用法
- js 中的console使用示例詳解
相關(guān)文章
這篇文章主要介紹了分析ES5和ES6的apply區(qū)別，對(duì)ES6感興趣的同學(xué)，可以參考下2021-05-05
這篇文章主要介紹了JS Canvas接口和動(dòng)畫效果大全，對(duì)Canvas感興趣的同學(xué)，可以參考下2021-04-04
這篇文章主要介紹了javascript數(shù)組去重方法,通過(guò)2個(gè)示例對(duì)比分析了javascript數(shù)組去重的原理與操作技巧,需要的朋友可以參考下2016-12-12
javascript動(dòng)態(tài)添加樣式(行內(nèi)式/嵌入式/外鏈?zhǔn)降纫?guī)則)
添加CSS的方式有行內(nèi)式、嵌入式、外鏈?zhǔn)?、?dǎo)入式，下面為大家詳細(xì)介紹下javascript動(dòng)態(tài)添加以上樣式規(guī)則的方法，感興趣的朋友可以參考下哈2013-06-06
淺談Javascript鼠標(biāo)和滾輪事件,鼠標(biāo)事件也許是web頁(yè)面當(dāng)中最常用到的事件，因?yàn)槭髽?biāo)是最常用的導(dǎo)航設(shè)備2012-06-06
這篇文章主要給大家介紹了關(guān)于JavaScript繼承的三種方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
當(dāng)我們談?wù)撁嫦驅(qū)ο缶幊虝r(shí),最難理解的事情之一就是靜態(tài)屬性與實(shí)例屬性的概念,尤其是當(dāng)我們?cè)噲D在靜態(tài)類型的基礎(chǔ)上進(jìn)行動(dòng)態(tài)語(yǔ)言類型化時(shí),在本文中,我將主要介紹一下如何使用TypeScript在接口中定義靜態(tài)方法,需要的朋友可以參考下2023-10-10
input輸入密碼變黑點(diǎn)密文的實(shí)現(xiàn)方法
本文主要介紹了Jquery Easyui驗(yàn)證擴(kuò)展，Easyui驗(yàn)證，Easyui校驗(yàn)，js正則表達(dá)式。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
這篇文章介紹了JS檢測(cè)圖片大小的實(shí)例，有需要的朋友可以參考一下2013-08-08
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)帶動(dòng)畫返回頂部的方法詳解
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)帶動(dòng)畫返回頂部的效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下2022-08-08