建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
首先，我必須承認(rèn)這一點(diǎn)，我將利用這個(gè)平臺(tái)從我的開(kāi)發(fā)環(huán)境中清理出骨架（輪廓）。有時(shí)候，我所做的“魔法”（有些人稱(chēng)之為“編碼”），并不像我的同事在為他們展示這些宏偉結(jié)果時(shí)候看到的那樣***。 是的，我說(shuō)過(guò)：有時(shí)候，我會(huì)使用老式的試錯(cuò)法，我們都稱(chēng)之為”調(diào)試” : )
清河ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話(huà)聯(lián)系或者加微信：18980820575（備注：SSL證書(shū)合作）期待與您的合作！
在過(guò)去的十年中，我熱衷的事情之一是前端開(kāi)發(fā)（特別是 JavaScript）。作為一名“工匠”，我喜歡學(xué)習(xí)市面上的新工具。在這個(gè)故事中，我將給你們一些很棒的、更專(zhuān)業(yè)的技巧，去使用好用又“古老”的 console。
是的，我們都知道它的基礎(chǔ)用法：
console.log(‘Hello World!’); // log a message or an object to console console.info(‘Something happened…’); // same as console log console.warn(‘Something strange happened…’); // same as console log but outputs a warning console.error(‘Something horrible happened…’); // same as console log but outputs an error
所以，我希望現(xiàn)在我可以給你們一些以前不知道的技巧，以及那些可以讓你們成為一個(gè)更專(zhuān)業(yè)的調(diào)試人員的玩法。
Tip #1 console.trace()
如果您想獲取日志信息的提示位置，可通過(guò)使用console.trace()來(lái)獲取帶有記錄數(shù)據(jù)的堆棧跟蹤。
Tip #2 console.time() && console.timeEnd()
如果您試圖找到一個(gè)比較隱匿的性能問(wèn)題，請(qǐng)使用console.time()開(kāi)始計(jì)算時(shí)間，然后使用console.timeEnd()進(jìn)行打印。
Tip #3 console.memory
如果你的性能問(wèn)題更加棘手，并且你正在尋找一個(gè)隱匿的內(nèi)存泄漏，你可能想嘗試并利用console.memory（是屬性，不是函數(shù)）來(lái)檢查你的堆大小狀態(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('?')來(lái)計(jì)算您的代碼被讀取的次數(shù)。
Tip #6 console.assert(false, “Log me!”)
是的，條件日志記錄并沒(méi)有用if-else包裝你的日志 : )
您可以使用console.assert(condition, msg)在condition為假時(shí)記錄某些內(nèi)容。
免責(zé)聲明：在 Node.js中，這將拋出 Assertion Error！
Tip #7 console.group(‘group’) & console.groupEnd(‘group’)
寫(xiě)了這么多的日志之后，你可能想對(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ě)了這么多的日志，現(xiàn)在是時(shí)候清理一下你的控制臺(tái)了。
Tip #10 console.table()
在我看來(lái)，這是一個(gè)真正的“瑰寶”！ 你可以使用console.table()打印一個(gè)非常漂亮的表格！
我真的希望這些技巧能讓大家的調(diào)試更有效率，甚至更有樂(lè)趣！
本文名稱(chēng)：10個(gè)技巧，讓你更專(zhuān)業(yè)地使用console進(jìn)行JS調(diào)試
網(wǎng)頁(yè)URL：http://www.dlmjj.cn/article/dhesjhh.html
