ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptの構文エラーをチェックする方法

JavaScriptの構文エラーをチェックする方法

藏色散人
藏色散人オリジナル
2021-07-02 11:40:043221ブラウズ

JavaScript で「window.onerror」を使用すると、構文エラーをチェックし、実行時エラーをキャプチャできます。「window.onerror = function(msg,url,line,col,error){.. .}」のようなコード」。

JavaScriptの構文エラーをチェックする方法

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript 構文エラーをチェックする方法

JavaScript でのエラー チェック方法:

  • お試しください- catch の制限 (このメソッドは「JavaScript はエラーをどのように処理しますか?」で参照できます)

構文エラーをキャッチできません (コードがまったく実行されないため)

すべての関数ブロックとファイル ブロックを追加するには、ツールを使用する必要があります。

window.onerror
  • を使用するには、catch

  • を使用してください。

. 構文エラーと実行時エラーをキャプチャします;

エラー情報、スタック、エラー ファイル、行番号、列番号を取得できます;

js である限りスクリプトは現在のページで実行されます。ブラウザのプラグイン JavaScript、フラッシュによってスローされた例外などのエラーが捕捉されます。

クロスドメイン リソースには、特別なヘッダーのサポートが必要です。

一般的なエラー処理手順は次のとおりです:

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 Advanced Tutorial

以上がJavaScriptの構文エラーをチェックする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。