JavaScript の 6 種類のエラーの概要

この記事では、JavaScript の 6 つのエラー タイプについて詳しく説明します。必要な友人は参照してください。

フロントエンドのピットに入ったばかりで、英語があまり得意ではない学生の皆さん、まだ頭を悩ませていますか。コンソールのエラーについて?今日は、JavaScript でよくあるエラーの種類を見ていきます。

js のコンソール エラー メッセージは、主に 2 つのカテゴリに分類されます。最初のカテゴリは構文エラーです。このタイプのエラーが事前解析プロセス中に発生した場合、js ファイル全体が実行されません。別の種類のエラーは総称して例外と呼ばれます。この種類のエラーでは、エラーが発生した行以降のコードは実行できなくなりますが、その行より前のコードは影響を受けません。

1. SyntaxError: 構文エラー

// 1. Syntax Error: 语法错误
// 1.1 变量名不符合规范
var 1       // Uncaught SyntaxError: Unexpected number
var 1a       // Uncaught SyntaxError: Invalid or unexpected token
// 1.2 给关键字赋值
function = 5     // Uncaught SyntaxError: Unexpected token =

2. Uncaught ReferenceError: 参照エラー

存在しない変数を参照したときに発生するエラー。関数や関数の代入の結果など、代入できないオブジェクトに値を代入します。

// 2.1 引用了不存在的变量
a()       // Uncaught ReferenceError: a is not defined
console.log(b)     // Uncaught ReferenceError: b is not defined
// 2.2 给一个无法被赋值的对象赋值
console.log("abc") = 1   // Uncaught ReferenceError: Invalid left-hand side in assignment

3. RangeError: 範囲エラー

RangeError は、値が有効範囲を少し外れたときに発生するエラーです。主な状況はいくつかあります。1 つ目は、配列の長さが負の数であること、2 つ目は、Number オブジェクトのメソッド パラメーターが範囲外であり、関数スタックが最大値を超えていることです。

// 3.1 数组长度为负数
[].length = -5      // Uncaught RangeError: Invalid array length
// 3.2 Number对象的方法参数超出范围
var num = new Number(12.34)
console.log(num.toFixed(-1))   // Uncaught RangeError: toFixed() digits argument must be between 0 and 20 at Number.toFixed
// 说明: toFixed方法的作用是将数字四舍五入为指定小数位数的数字,参数是小数点后的位数,范围为0-20.

4. TypeError 型エラー

変数またはパラメーターが予期された型ではない場合に発生するエラー。たとえば、文字列やブール値などの新しいプリミティブ型を使用し、オブジェクトに存在しないメソッドを呼び出すと、このエラーがスローされます。これは、新しいコマンドのパラメータがコンストラクターである必要があるためです。

// 4.1 调用不存在的方法
123()        // Uncaught TypeError: 123 is not a function
var o = {}
o.run()        // Uncaught TypeError: o.run is not a function
// 4.2 new关键字后接基本类型
var p = new 456      // Uncaught TypeError: 456 is not a constructor

5. URIError、URLエラー

は主に関連関数のパラメータが間違っていることが原因です。

decodeURI("%")     // Uncaught URIError: URI malformed at decodeURI

URI 関連のパラメータが正しくない場合にスローされるエラー。主に encodeURI、decodeURI()、encodeURIComponent()、decodeURIComponent()、escape()、unescape() の 6 つの関数が関係します。

6. EvalError eval()関数実行エラー

ES5以下のJavaScriptでは、eval()関数が正しく実行されなかった場合、evalErrorエラーがスローされます。

たとえば、次の状況:

var myEval = eval;
myEval("alert('call eval')");

このエラーは ES5 以降の JavaScript ではスローされなくなりましたが、新しいキーワードを使用してこのタイプのエラー プロンプトをカスタマイズできることに注意してください。

上記の 6 つの派生エラーは、元の Error オブジェクトとともに、すべてコンストラクターです。開発者はこれらを使用してエラー オブジェクトのインスタンスを生成できます。

new Error([message[,fileName[,lineNumber]]])，

最初のパラメータはエラー メッセージを表し、2 番目はファイル名、3 番目は行番号です。

概要

以上がJavaScript の 6 種類のエラーの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。