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

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

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

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

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

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

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

01:console.table

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

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

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

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

02:console.trace

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

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

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

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

03:console.time && console.timeEnd

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

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

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

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

04:console.assert

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

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

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

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

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

05:console.clear

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

console.clear()

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

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

06:console.error

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

console.error('錯誤信息')

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

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

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

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

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

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

標簽:
  • 熱門焦點
  • K60 Pro官方停產 第三方瞬間漲價

    雖然沒有官方宣布,但Redmi的一些高管也已經透露了,Redmi K60 Pro已經停產且不會補貨,這一切都是為了即將到來的K60 Ultra鋪路,屬于廠家的正常操作。但有意思的是該機在停產之后
  • 盧偉冰長文解析K60至尊版 對Redmi有著里程碑式的意義

    在今天的Redmi后性能時代戰略發布會結束之后,Redmi總經理盧偉冰又帶來了一篇長文,詳解了為什么 Redmi 要開啟后性能時代?為什么選擇和 MediaTek、Pixelworks 深度合作?以及后性
  • 紅魔電競平板評測:大屏幕硬實力

    前言:三年的疫情因為要上網課的原因激活了平板市場,如今網課的時代已經過去,大家的生活都恢復到了正軌,這也就意味著,真正考驗平板電腦生存的環境來了。也就是面對著這種殘酷的
  • 8月總票房已突破10億!《封神》第一:口碑已經成了

    8月5日消息,據燈塔專業版數據,截至8月5日9時35分,8月總票房(含預售)已突破10億。其中,《封神》以大比分的優勢領先。根據官方消息,目前該片總票房已經超過14.
  • CSS單標簽實現轉轉logo

    轉轉品牌升級后更新了全新的Logo,今天我們用純CSS來實現轉轉的新Logo,為了有一定的挑戰性,這里我們只使用一個標簽實現,將最大化的使用CSS能力完成Logo的繪制與動畫效果。新logo
  • 19個 JavaScript 單行代碼技巧,讓你看起來像個專業人士

    今天這篇文章跟大家分享18個JS單行代碼,你只需花幾分鐘時間,即可幫助您了解一些您可能不知道的 JS 知識,如果您已經知道了,就當作復習一下,古人云,溫故而知新嘛。現在,我們就開始今
  • 三星獲批量產iPhone 15全系屏幕:蘋果史上最驚艷直屏

    按照慣例,蘋果將繼續在今年9月舉辦一年一度的秋季新品發布會,有傳言稱發布會將于9月12日舉行,屆時全新的iPhone 15系列將正式與大家見面,不出意外的話
  • 首發天璣9200+ iQOO Neo8系列發布首銷售價2299元起

    2023年5月23日晚,iQOO Neo8系列正式發布。其中,Neo系列首款Pro之作——iQOO Neo8 Pro強悍登場,限時售價3099元起;價位段最強性能手機iQOO Neo8同期上市
  • 蘋果140W USB-C充電器:采用氮化鎵技術

    據10 月 30 日 9to5 Mac 消息報道,當蘋果推出新的 MacBook Pro 2021 時,該公司還推出了新的 140W USB-C 充電器,附贈在 MacBook Pro 16 英寸機型的盒子里,也支
Top 主站蜘蛛池模板: 丹凤县| 延吉市| 巴彦淖尔市| 抚顺县| 恩施市| 庆阳市| 延边| 葫芦岛市| 新绛县| 台南县| 池州市| 洛浦县| 舞钢市| 来宾市| 中西区| 九江县| 阳山县| 武山县| 沧源| 深水埗区| 天津市| 手机| 秦安县| 贵阳市| 兴业县| 玉山县| 高淳县| 晋州市| 凤冈县| 微山县| 东城区| 饶平县| 鄂托克旗| 临夏县| 绵竹市| 炎陵县| 容城县| 建宁县| 深圳市| 都安| 界首市|