js遇到代碼出現問題時如何調試代碼

時間 2020-02-06

標籤遇到代碼出現問題如何調試欄目 JavaScript 简体版

原文原文鏈接

單步跟蹤調試 debugger;html

控制檯watch功能查看變量當前值函數

進入函數操做spa

隨着不斷點擊，不停進行循環，指定變量的值也在發生改變debug

添加斷點調試

跳入跳出函數code

throw new Error() 主動拋出異常htm

後面的代碼再也不運行blog

代碼會跳轉到離這句最近的try語句中ip

使用it

try{

}catch(e){

}

接收異常

<!DOCTYPE html>
<html lang="en">
<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 lang="en">
<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>