js代碼出現(xiàn)問題時的調(diào)試方法

發(fā)布時間：2020-04-30 10:47:08 來源：億速云閱讀：232 作者：小新欄目：web開發(fā)

今天小編給大家分享的是js代碼出現(xiàn)問題時的調(diào)試方法，相信很多人都不太了解，為了讓大家更加了解，所以給大家總結(jié)了以下內(nèi)容，一起往下看吧。一定會有所收獲的哦。

js遇到代碼出現(xiàn)問題時調(diào)試代碼的方法

單步跟蹤調(diào)試 debugger;

控制臺watch功能查看變量當(dāng)前值

js代碼出現(xiàn)問題時的調(diào)試方法

進(jìn)入函數(shù)操作

js代碼出現(xiàn)問題時的調(diào)試方法

隨著不斷點(diǎn)擊，不停進(jìn)行循環(huán)，指定變量的值也在發(fā)生改變

js代碼出現(xiàn)問題時的調(diào)試方法

添加斷點(diǎn)

js代碼出現(xiàn)問題時的調(diào)試方法

跳入跳出函數(shù)

js代碼出現(xiàn)問題時的調(diào)試方法

throw new Error() 主動拋出異常

后面的代碼不再運(yùn)行

代碼會跳轉(zhuǎn)到離這句最近的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('異常導(dǎo)致程序中止啦~');//異常導(dǎo)致程序中止啦~
        }
    </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('必須輸入數(shù)字!!!');
            }
            console.log(num1*num2);
        }

        try{
            //multi("a", "b");//Error: 必須輸入數(shù)字!!!
            multi(1, 2);//2

        }catch(e){
            console.log(e);
        }finally{
            console.log('不管有沒有異常我都要執(zhí)行哈~');
        }
    </script>
</body>
</html>

關(guān)于js代碼出現(xiàn)問題時的調(diào)試方法就分享到這里了，當(dāng)然并不止以上和大家分析的辦法，不過小編可以保證其準(zhǔn)確性是絕對沒問題的。希望以上內(nèi)容可以對大家有一定的參考價值，可以學(xué)以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

js代碼出現(xiàn)問題時的調(diào)試方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽