本篇文章介紹了在編寫JavaScript程式碼時如果遇到問題時的調試方法,希望對各位學習JavaScript的同學有幫助!
js遇到程式碼出現問題時偵錯程式碼的方法
單步追蹤偵錯debugger;
控制台watch功能查看變數目前值
# 進入函數操作
隨著不斷點擊,不停進行循環,指定變數的值也在改變
加入斷點
跳入跳出函數
throw new Error() 主動拋出例外
後面的程式碼不再執行
程式碼會跳到離這句最近的try語句中
使用
try{ }catch(e){ }
接收異常
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> try{ var foo={}; console.log(foo.pro); }catch(e){ console.log(e);//undefined }finally{ console.log('异常导致程序中止啦~');//异常导致程序中止啦~ } </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> function multi(num1, num2){ if(typeof num1 != "number" || typeof num2 != "number"){ throw new Error('必须输入数字!!!'); } console.log(num1*num2); } try{ //multi("a", "b");//Error: 必须输入数字!!! multi(1, 2);//2 }catch(e){ console.log(e); }finally{ console.log('不管有没有异常我都要执行哈~'); } </script> </body> </html>
本文來自 js教學欄目,歡迎學習!
以上是js遇到程式碼出現問題時偵錯程式碼的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!