首頁  >  文章  >  web前端  >  怎麼檢查javascript文法錯誤

怎麼檢查javascript文法錯誤

藏色散人
藏色散人原創
2021-07-02 11:40:043178瀏覽

在javascript中可以使用「window.onerror」來檢查語法錯誤,也可以捕捉執行時間錯誤,程式碼如「window.onerror = function(msg,url,line,col,error){.. .}」。

怎麼檢查javascript文法錯誤

本文操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

怎麼檢查javascript語法錯誤?

JavaScript中錯誤檢查方法:

  • try- catch 存在的限制(此方法可在javascript如何進行錯誤處理?中查看)

#無法捕捉到語法錯誤(因為程式碼完全沒運行..)

需要藉助工具把所有的function區塊以及檔案區塊加入try,catch

  • 使用window.onerror

##可以捕捉語法錯誤,也可以捕捉執行時間錯誤;

可以拿到出錯的訊息,堆疊,出錯的檔案、行號、列號;

只要在目前頁面執行的js腳本出錯都會捕捉到,例如:瀏覽器插件的javascript、或flash拋出的異常等。

跨域的資源需要特殊頭部支援。

常見的錯誤處理程序如下:

window.onerror = function(msg,url,line,col,error){
    //没有URL不上报!上报也不知道错误
    if (msg != "Script error." && !url){
        return true;
    }
    //采用异步的方式
    //我遇到过在window.onunload进行ajax的堵塞上报
    //由于客户端强制关闭webview导致这次堵塞上报有Network Error
    //我猜测这里window.onerror的执行流在关闭前是必然执行的
    //而离开文章之后的上报对于业务来说是可丢失的
    //所以我把这里的执行流放到异步事件去执行
    //脚本的异常数降低了10倍
    setTimeout(function(){
        var data = {};
        //不一定所有浏览器都支持col参数
        col = col || (window.event && window.event.errorCharacter) || 0;
        data.url = url;
        data.line = line;
        data.col = col;
        if (!!error && !!error.stack){
            //如果浏览器有堆栈信息
            //直接使用
            data.msg = error.stack.toString();
        }else if (!!arguments.callee){
            //尝试通过callee拿堆栈信息
            var ext = [];
            var f = arguments.callee.caller, c = 3;
            //这里只拿三层堆栈信息
            while (f && (--c>0)) {
               ext.push(f.toString());
               if (f  === f.caller) {
                    break;//如果有环
               }
               f = f.caller;
            }
            ext = ext.join(",");
            data.msg = ext;
        }
        //把data上报到后台!
    },0);
    return true;//返回true是因为不需要在console中打印错误了
};

推薦學習:《

javascript高級教學

以上是怎麼檢查javascript文法錯誤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn