ホームページ > 記事 > ウェブフロントエンド > JavaScriptの6種類のエラーを詳しく解説

JavaScriptの6種類のエラーを詳しく解説

韦小宝オリジナル: 2018-01-15 11:25:501829ブラウズ

この記事では、JavaScript の 6 種類のエラーを詳しく紹介します。フロントエンドのピットに入ったばかりで英語があまり得意ではない学生は、まだコンソールエラーについて頭を悩ませていますか?今日は、JavaScript の一般的なエラーの種類について説明します。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 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 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(&#39;call eval&#39;)");

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

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

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

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

まとめ以上、編集者が紹介したJavaScriptの6つのエラータイプを皆さんのお役に立てれば幸いです。！

JavaScriptの6種類のエラーを詳しく解説

関連記事