日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
調(diào)試JavaScript少不了這幾個技巧

1. 自動斷點

公司主營業(yè)務(wù)：網(wǎng)站建設(shè)、成都做網(wǎng)站、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出博愛免費做網(wǎng)站回饋大家。

有時候在執(zhí)行 JavaScript 代碼的時候，可能來不及設(shè)置斷點，代碼就被執(zhí)行了，其實可以通過在代碼中寫上 debugger(代碼中第 8 行)，讓代碼執(zhí)行到 debugger 的位置自動暫停。

 
 
 
 
    
  
  
  
  
  1. function a() { 
    2. 
  
  
  
  
  2.     console.log('enter a'); 
    3. 
  
  
  
  
  3.     b(); 
    4. 
  
  
  
  
  4. } 
    5. 
  
  
  
  
  5.  
    6. 
  
  
  
  
  6. function b() { 
    7. 
  
  
  
  
  7.     console.log('enter b'); 
    8. 
  
  
  
  
  8.     debugger; 
    9. 
  
  
  
  
  9.     c(); 
    10. 
  
  
  
  
  10. } 
    11. 
  
  
  
  
  11.  
    12. 
  
  
  
  
  12. function c() { 
    13. 
  
  
  
  
  13.     console.log('enter c'); 
    14. 
  
  
  
  
  14. } 
    15. 
  
  
  
  
  15.  
    16. 
  
  
  
  
  16. a(); 
    17.

2. 手動斷點

斷點是程序員調(diào)試代碼時非常好用的利器，通過斷點調(diào)試可以看到當前執(zhí)行環(huán)境中各個變量的值，以及調(diào)用堆棧，通過單步執(zhí)行來查看各個步驟下代碼的運行狀態(tài)。如圖所示(Chrome 調(diào)試面板 -> sources -> 點擊代碼行號即可添加斷點)：

3. 打印調(diào)用堆棧

可以通過調(diào)試面板查看當前代碼的調(diào)用堆棧，也可以通過 console.trace() 打印函數(shù)調(diào)用堆棧，下面代碼第 13 行。

4. 以表格的方式打印對象

下面是一個對象，可以通過 console.table( obj ) 來打印這個對象。

 
 
 
 
    
  
  
  
  
  1. let pkg = { 
    2. 
  
  
  
  
  2.     "name": "mini_tools", 
    3. 
  
  
  
  
  3.     "version": "1.0.0", 
    4. 
  
  
  
  
  4.     "description": "", 
    5. 
  
  
  
  
  5.     "main": "index.js", 
    6. 
  
  
  
  
  6.     "dependencies": { 
    7. 
  
  
  
  
  7.         "jquery": "^1.12.4" 
    8. 
  
  
  
  
  8.     }, 
    9. 
  
  
  
  
  9.     "devDependencies": {}, 
    10. 
  
  
  
  
  10.     "scripts": { 
    11. 
  
  
  
  
  11.         "test": "echo \"Error: no test specified\" && exit 1" 
    12. 
  
  
  
  
  12.     }, 
    13. 
  
  
  
  
  13.     "author": "", 
    14. 
  
  
  
  
  14.     "license": "ISC" 
    15. 
  
  
  
  
  15. }; 
    16. 
  
  
  
  
  16.  
    17. 
  
  
  
  
  17. console.table(pkg); 
    18.

打印結(jié)果如圖所示：

本節(jié)課程主要介紹幾個調(diào)試 JavaScript 的技巧，這幾個技巧在工作中比較有用，需要重點掌握。


本文題目：調(diào)試JavaScript少不了這幾個技巧
網(wǎng)頁路徑：http://www.dlmjj.cn/article/dhjgedg.html