AVt天堂网 手机版,亚洲va久久久噜噜噜久久4399,天天综合亚洲色在线精品,亚洲一级Av无码毛片久久精品

當前位置:首頁 > 科技  > 軟件

調試只會console.log?來看一看這六種驚艷的調試技巧!

來源: 責編: 時間:2024-04-08 17:17:04 177觀看
導讀Hello,大家好,我是 Sunday。在日常開發(fā)中,大多數(shù)同學都會通過 console.log 的方式來進行代碼調試。但是 console.log 是具備很多局限性的,比如:我們想要獲取某段代碼的執(zhí)行耗時,通過 console.log 就無法滿足需求。那么怎么

Hello,大家好,我是 Sunday。Ayh28資訊網——每日最新資訊28at.com

在日常開發(fā)中,大多數(shù)同學都會通過 console.log 的方式來進行代碼調試。但是 console.log 是具備很多局限性的,比如:我們想要獲取某段代碼的執(zhí)行耗時,通過 console.log 就無法滿足需求。Ayh28資訊網——每日最新資訊28at.com

那么怎么辦呢?其實對于 console 對象來說,除了 log 方法它還提供了很多其他的方法幫助我們進行調試,利用這些方法可以極大地提升我們的工作效率~~Ayh28資訊網——每日最新資訊28at.com

01:console.table

使用 console.table 可視化復雜的對象和數(shù)組:Ayh28資訊網——每日最新資訊28at.com

const myData = [  { name: "程序員Sunday", age: 30 },  { name: "Sunday", age: 25 }];console.table(myData);

打印結果如下:Ayh28資訊網——每日最新資訊28at.com

圖片圖片Ayh28資訊網——每日最新資訊28at.com

02:console.trace

使用 console.trace 可以明確函數(shù)的調用邏輯關系:Ayh28資訊網——每日最新資訊28at.com

function fn() {  function test() {    console.trace("這是一個利用trace的測試打印");   }  test();}fn();

打印結果如下:Ayh28資訊網——每日最新資訊28at.com

圖片圖片Ayh28資訊網——每日最新資訊28at.com

03:console.time && console.timeEnd

使用 console.time && console.timeEnd 來記錄代碼的執(zhí)行耗時:Ayh28資訊網——每日最新資訊28at.com

console.time('js 耗時')const vNodes = []for (let i = 0; i < 10000; i++) {  const vNode = {    type: 'div'  }  vNodes.push(vNode)}console.timeEnd('js 耗時')

打印結果如下:Ayh28資訊網——每日最新資訊28at.com

圖片圖片Ayh28資訊網——每日最新資訊28at.com

04:console.assert

使用 console.assert 斷言你的判斷邏輯。Ayh28資訊網——每日最新資訊28at.com

如果斷言為假,它拋出一個你指定的錯誤:Ayh28資訊網——每日最新資訊28at.com

const myArray = []console.assert(myArray.length > 0, "myArray 是空的!");

打印結果如下:Ayh28資訊網——每日最新資訊28at.com

圖片圖片Ayh28資訊網——每日最新資訊28at.com

05:console.clear

在很多時候,我們的控制臺可能會打印非常多的內容。所以,可以讓代碼在執(zhí)行到某一個特定的時機時,利用 console.clear() 清空控制臺Ayh28資訊網——每日最新資訊28at.com

console.clear()

執(zhí)行之后會打印這個:Ayh28資訊網——每日最新資訊28at.com

圖片圖片Ayh28資訊網——每日最新資訊28at.com

06:console.error

使用 console.error 直接打印一個錯誤級別的描述:Ayh28資訊網——每日最新資訊28at.com

console.error('錯誤信息')

打印結果如下:Ayh28資訊網——每日最新資訊28at.com

圖片 圖片 Ayh28資訊網——每日最新資訊28at.com

本文鏈接:http://www.tebozhan.com/showinfo-26-82029-0.html調試只會console.log?來看一看這六種驚艷的調試技巧!

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯(lián)系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 深入了解pyinfra:Python基礎設施自動化工具!

下一篇: 探索C++類中static關鍵字的妙用

標簽:
  • 熱門焦點
Top