日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

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

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

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

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

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

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

01:console.table

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

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

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

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

02:console.trace

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

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

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

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

03:console.time && console.timeEnd

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

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

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

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

04:console.assert

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

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

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

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

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

05:console.clear

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

console.clear()

執行之后會打印這個:y0W28資訊網——每日最新資訊28at.com

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

06:console.error

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

console.error('錯誤信息')

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

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

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

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

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

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

標簽:
  • 熱門焦點
Top 主站蜘蛛池模板: 梅州市| 观塘区| 六安市| 泊头市| 肇庆市| 连南| 辽中县| 宝山区| 永济市| 威信县| 安丘市| 江口县| 东兰县| 新营市| 自治县| 江源县| 濮阳县| 咸丰县| 永胜县| 沐川县| 台中市| 黎城县| 太湖县| 石城县| 阿尔山市| 逊克县| 扶沟县| 绍兴县| 邳州市| 新河县| 司法| 长顺县| 焦作市| 基隆市| 永定县| 高台县| 珠海市| 二手房| 于都县| 云浮市| 呼和浩特市|