使用console進(jìn)行JS調(diào)試的技巧有哪些

這篇文章主要講解了“使用console進(jìn)行JS調(diào)試的技巧有哪些”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“使用console進(jìn)行JS調(diào)試的技巧有哪些”吧！

為企業(yè)提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)、網(wǎng)站優(yōu)化、營銷型網(wǎng)站建設(shè)、競價(jià)托管、品牌運(yùn)營等營銷獲客服務(wù)。創(chuàng)新互聯(lián)建站擁有網(wǎng)絡(luò)營銷運(yùn)營團(tuán)隊(duì)，以豐富的互聯(lián)網(wǎng)營銷經(jīng)驗(yàn)助力企業(yè)精準(zhǔn)獲客，真正落地解決中小企業(yè)營銷獲客難題，做到“讓獲客更簡單”。自創(chuàng)立至今，成功用技術(shù)實(shí)力解決了企業(yè)“網(wǎng)站建設(shè)、網(wǎng)絡(luò)品牌塑造、網(wǎng)絡(luò)營銷”三大難題，同時(shí)降低了營銷成本，提高了有效客戶轉(zhuǎn)化率，獲得了眾多企業(yè)客戶的高度認(rèn)可！

Tip #1 console.trace()

如果您想獲取日志信息的提示位置，可通過使用console.trace()來獲取帶有記錄數(shù)據(jù)的堆棧跟蹤。

Tip #2 console.time() && console.timeEnd()

如果您試圖找到一個(gè)比較隱匿的性能問題，請使用console.time()開始計(jì)算時(shí)間，然后使用console.timeEnd()進(jìn)行打印。

Tip #3 console.memory

如果你的性能問題更加棘手，并且你正在尋找一個(gè)隱匿的內(nèi)存泄漏，你可能想嘗試并利用console.memory（是屬性，不是函數(shù)）來檢查你的堆大小狀態(tài)。

Tip #4 console.profile(‘profileName’) & console.profileEnd(‘profileName’)

這不是標(biāo)準(zhǔn)的方法，但得到了廣泛的支持。你可以使用console.profile('profileName')，然后使用console.profileEnd('profileName')，從代碼中啟動(dòng)和結(jié)束瀏覽器性能工具 - “performance profile”。 這將幫助您精確地分析您想要的內(nèi)容，并避免了您單擊鼠標(biāo)，它取決于程序執(zhí)行時(shí)間。

Tip #5 console.count(“STUFF I COUNT”)

在函數(shù)或代碼反復(fù)出現(xiàn)的情況下，您可以使用console.count('?')來計(jì)算您的代碼被讀取的次數(shù)。

Tip #6 console.assert(false, “Log me!”)

是的，條件日志記錄并沒有用if-else包裝你的日志 : )

您可以使用console.assert(condition, msg)在condition為假時(shí)記錄某些內(nèi)容。

免責(zé)聲明：在 Node.js中，這將拋出 Assertion Error！

Tip #7 console.group(‘group’) & console.groupEnd(‘group’)

寫了這么多的日志之后，你可能想對(duì)它們進(jìn)行組織。一個(gè)小而有用的工具是console.group()和console.groupEnd()。使用控制臺(tái)組，將控制臺(tái)日志組織在一起，每個(gè)分組在層次結(jié)構(gòu)中創(chuàng)建另一個(gè)級(jí)別。 調(diào)用groupEnd()減少一個(gè)級(jí)別(回到上一個(gè)層級(jí))。

Tip #8 String substitutions

記錄日志時(shí)，可以使用字符串替換合并變量。這些引用是（％s = string，％i = integer，％o = object，％f = float）。

Tip #9 console.clear()

那么，寫了這么多的日志，現(xiàn)在是時(shí)候清理一下你的控制臺(tái)了。

Tip #10 console.table()

在我看來，這是一個(gè)真正的“瑰寶”！ 你可以使用console.table()打印一個(gè)非常漂亮的表格！

感謝各位的閱讀，以上就是“使用console進(jìn)行JS調(diào)試的技巧有哪些”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)使用console進(jìn)行JS調(diào)試的技巧有哪些這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

網(wǎng)頁題目：使用console進(jìn)行JS調(diào)試的技巧有哪些
分享地址：http://www.muchs.cn/article4/ghgeoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、Google、建站公司、網(wǎng)站制作、自適應(yīng)網(wǎng)站、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)