js教程 怎么检查javascript语法错误

 所属分类:web前端开发

 浏览:204次-  评论: 0次-  更新时间:2022-06-07
描述:这是一篇js教程 怎么检查javascript语法错误的说明内容,如果你想学习查找类似的文章,可以进入web前端开发获得最新优质资料。 在javascri...
这是一篇js教程 怎么检查javascript语法错误的说明内容,如果你想学习查找类似的文章,可以进入web前端开发获得最新优质资料。

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

本文操作环境: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语法错误的详细内容,更多请关注zzsucai.com其它相关文章!

 标签:
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!