如何检查javascript语法错误

在 javascript 中可以使用“window.onerror”来检查语法错误,还可以捕捉运行时错误,代码如“window.onerror = function(msg,url,line,col,error){…}”。

如何检查 javascript 语法错误

如何检查 javascript 语法错误?

JavaScript 中错误检查方法:

  • try-catch 存在的局限

无法捕捉到语法错误(因为代码完全没运行..)

需要借助工具把所有的 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 语法错误的详细内容,更多请关注码云笔记其它相关文章!

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 如何检查javascript语法错误

发表回复