JavaScript の基礎: エラーキャプチャメカニズム

序文

Javascript エンジンはシングルスレッドなので、例外が発生すると、Javascript エンジンは通常、実行を停止し、後続のコードをブロックして例外メッセージをスローします。したがって、予測可能な例外については、それらをキャプチャして、ユーザーまたは開発者に正しく表示する必要があります。

エラーオブジェクト

実行時エラーが発生すると、Error のインスタンスがスローされます。

エラーオブジェクトには 2 つのプロパティがあります。

err.name: エラー名/エラータイプ
err.message: エラーメッセージ

エラーの作成

新しいエラー([メッセージ[,ファイル名[,行番号]]])

エラータイプ js では、次の 7 つのエラータイプが定義されています。

エラー
評価エラー
範囲エラー
参照エラー
構文エラー
タイプエラー
URIエラー

投げる

JavaScript コードの中には、構文エラーがないのに論理エラーがあるものもあります。このようなエラーの場合、JavaScript は例外をスローしません。このとき、エラーオブジェクトのインスタンスを自分で定義し、throw ステートメントを使用して積極的に例外をスローすることができます。プログラムでは、throw ステートメントを使用して意図的に例外をスローすることができます。その構文は次のとおりです。

新しいエラーをスローします("errorstatements")

試して…捕まえて…最後に

例外が発生する可能性のあるコードを試す
catch(error) エラーが発生したときに実行されるコード
最後に何があっても実行されるコード

try ステートメントには 3 つの形式があります。

試して...キャッチ
試してみる...ついに
試して...キャッチして...最後に

最終ルール

finally ブロックで例外がスローされると、try ブロック内の例外が上書きされます。

試す {
    試す {
        新しいエラーをスローします('it1が見つかりません');
    ついに
        新しいエラーをスローします('見つかりません2');
    }
} キャッチ (エラー) {
    console.log(エラーメッセージ);
}

// 見つかりません2

finally ブロックから値を返すと、try と catch に return ステートメントがあるかどうかに関係なく、その値は try-catch-finally 全体の戻り値になります。これには、catch ブロックでスローされた例外が含まれます。

関数テスト() {
    試す {
        新しいエラーをスローします('it1が見つかりません');
        1 を返します。
    } キャッチ (エラー) {
        新しいエラーをスローします('見つかりません2');
        2を返します。
    ついに
        3 を返します。
    }
}

コンソール.log(テスト()); // 3

トライ/キャッチパフォーマンス

よく知られている反最適化パターンはtry/catchを使うことである。

V8 (およびおそらく他の JS エンジン) では、try/catch ステートメントを使用する関数は V8 コンパイラによって最適化できません。

ウィンドウ.onerror

window.onerrorにイベントリスナー関数を定義すると、プログラム内の他のコードによって生成されたキャッチされていない例外が、window.onerrorに登録されたリスナー関数によってキャッチされることが多くなります。

window.onerror = 関数 (メッセージ、ソース、行番号、列番号、エラー) { }

メッセージ: 例外情報 (文字列)
ソース: 例外が発生したスクリプトの URL (文字列)
lineno: 例外が発生した行番号（数字）
colno: 例外が発生した列番号 (数値)
error ：エラーオブジェクト（オブジェクト）

約束の例外

Promise で例外がスローされました

新しい Promise((resolve,reject)=>{reject(); })
Promise.resolve().then((resolve,reject)=>{reject(); });
Promise.reject();
スロー式;

Promise で例外をキャッチする

promiseObj.then(未定義、(err)=>{ catch_statements });
promiseObj.catch((例外)=>{ catch_statements })

知らせ

JavaScript 関数では、関数の実行を中断できるのは return / yield / throw のみであり、reject はそれ以上の実行を阻止しません。

例：

返品せずに拒否する

Promise.resolve()
.then(() => {
    console.log('実行前に拒否');
    拒否(新しいエラー('エラーをスロー'));
    console.log('実行後拒否');
})
.catch((エラー) => {
    console.log(エラーメッセージ);
});

// 実行拒否の前に
// エラーをスローする
// 実行後拒否

リターンを使用して拒否する

Promise.resolve()
.then(() => {
    console.log('実行前に拒否');
    拒否を返します(新しい Error('throw error'));
    console.log('after execute deny'); //*** 違いはここにあります。return が返された場合、ここでは実行されません})
.catch((エラー) => {
    console.log(エラーメッセージ);
});

// 実行拒否の前に
// エラーをスローする

Vue 例外キャプチャ

Vue.config.errorHandler = (err, vm, info) => {
  console.error("vue errorHandler によってエラーがキャプチャされました");
  コンソールエラー(err);
  コンソールエラー(vm);
  コンソールエラー(情報);
};

要約する

これで、JavaScript の基本に関するエラーキャッチメカニズムに関するこの記事は終了です。より関連性の高い js エラーキャッチメカニズムのコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: