찾다

집  >  기사  >  웹 프론트엔드  >  JavaScript의 오류 객체

JavaScript의 오류 객체

青灯夜游
青灯夜游앞으로
2021-01-28 19:15:003851검색

JavaScript의 오류 객체

JavaScript에서 런타임 오류가 발생할 때마다 Error对象。 在许多情况下，我们还可以扩展这些标准Error对象，以创建我们自己的自定义Error对象。

属性

Error 对象具有2个属性

name ——设置或返回错误名称。具体来说，它返回错误所属的构造函数的名称。

它有6个不同的值-EvalError，RangeError，ReferenceError，TypeError，SyntaxError，URIError。 我们将在本文后面讨论这些内容，这些所有错误类型均继承自Object-> Error-> RangeError。

message-设置或返回错误消息

JavaScript의 오류 객체

事例

1.通用的错误

我们可以使用Error对象创建一个新的Error，然后使用throw 개체가 발생합니다. 대부분의 경우 이러한 표준

개체를 확장하여 사용자 정의

개체를 만들 수도 있습니다.

Attributes

개체에는 2개의 속성

name

이 있습니다. - 오류 이름을 설정하거나 반환합니다. 구체적으로는 오류가 속한 생성자의 이름을 반환합니다. instanceof

6가지 값이 있습니다. - EvalError, RangeError, ReferenceError, TypeError, SyntaxError , URIError. 이 문서의 뒷부분에서 설명하겠지만 이러한 모든 오류 유형은 Object-> Error-> RangeError에서 상속됩니다.

message

- 오류 메시지 설정 또는 반환

JavaScript의 오류 객체

사례 Error

1. 일반적인 오류

개체를 사용하여 새 를 만든 다음 throw를 사용할 수 있습니다. code> 키워드는 명시적으로 이 오류를 발생시킵니다.

JavaScript의 오류 객체

try{
    throw new Error('Some Error Occurred!')
} 
catch(e){
    console.error('Error Occurred. ' + e.name + ': ' + e.message)
}

2. 특정 오류 유형 처리

다음

키워드를 사용하여 특정 오류 유형을 처리할 수도 있습니다.

error实例，表示错误的原因：与 eval() 有关。

这里要注意的一点是，当前ECMAScript规范不支持它，并且运行时不会将其抛出。 取而代之的是，我们可以使用SyntaxError

try{
    someFunction()
} 
catch(e){
    if(e instanceof EvalError) {
    console.error(e.name + ': ' + e.message)
  } 
  else if(e instanceof RangeError) {
    console.error(e.name + ': ' + e.message)
  }
  // ... something else
}
3. 사용자 정의 오류 유형

또한 개체를 상속하는 클래스를 만들어 고유한 오류 유형을 정의할 수도 있습니다. 

class CustomError extends Error {
  constructor(description, ...params) {
    super(...params)
    
    if(Error.captureStackTrace){
      Error.captureStackTrace(this, CustomError)
    }
    this.name = 'CustomError_MyError'
    this.description = description
    this.date = new Date()
  }
}
try{
  throw new CustomError('Custom Error', 'Some Error Occurred')
} 
catch(e){
  console.error(e.name)           //CustomError_MyError
  console.error(e.description)    //Custom Error
  console.error(e.message)        //Some Error Occurred
  console.error(e.stack)          //stacktrace
}

브라우저 호환성

오류의 개체 유형

이제 다양한 오류를 처리하는 데 사용할 수 있는 다양한 오류 개체 유형에 대해 논의하겠습니다. JavaScript의 오류 객체

1. EvalError

eval()과 관련된 오류의 원인을 나타내는

인스턴스를 만듭니다. error

여기서 주목해야 할 점은 현재 ECMAScript 사양에서 지원되지 않으며 런타임에서 발생하지 않는다는 것입니다. 대신 SyntaxError 오류를 사용할 수 있습니다. 그러나 이전 버전의 ECMAScript와는 여전히 호환됩니다. 🎜🎜🎜 문법🎜🎜🎜🎜🎜🎜
new EvalError([message[, fileName[, lineNumber]]])
🎜🎜예제🎜🎜🎜🎜🎜🎜
try{
  throw new EvalError('Eval Error Occurred');
} 
catch(e){
  console.log(e instanceof EvalError); // true
  console.log(e.message);    // "Eval Error Occurred"
  console.log(e.name);       // "EvalError"
  console.log(e.stack);      // "EvalError: Eval Error Occurred..."
}
🎜🎜브라우저 호환성🎜🎜🎜🎜🎜🎜 2. RangeError 🎜 🎜오류 원인을 나타내는 🎜 인스턴스 만들기: 숫자 변수 또는 매개변수가 유효한 범위를 벗어났습니다. 🎜

new RangeError([message[, fileName[, lineNumber]]])

下面的情况会触发该错误：

1）根据String.prototype.normalize()，我们传递了一个不允许的字符串值。

// Uncaught RangeError: The normalization form should be one of NFC, NFD, NFKC, NFKD
String.prototype.normalize(“-1”)

2）使用Array构造函数创建非法长度的数组

// RangeError: Invalid array length
var arr = new Array(-1);

3）诸如 Number.prototype.toExponential()，Number.prototype.toFixed()或Number.prototype.toPrecision()之类的数字方法会接收无效值。

// Uncaught RangeError: toExponential() argument must be between 0 and 100
Number.prototype.toExponential(101)
// Uncaught RangeError: toFixed() digits argument must be between 0 and 100
Number.prototype.toFixed(-1)
// Uncaught RangeError: toPrecision() argument must be between 1 and 100
Number.prototype.toPrecision(101)

事例

对于数值

function checkRange(n)
{
    if( !(n >= 0 && n <= 100) )
    {
        throw new RangeError("The argument must be between 0 and 100.");
    }
};
try
{
    checkRange(101);
}
catch(error)
{
    if (error instanceof RangeError)
    {
        console.log(error.name);
        console.log(error.message);
    }
}

对于非数值

function checkJusticeLeaque(value)
{
    if(["batman", "superman", "flash"].includes(value) === false)
    {
        throw new RangeError(&#39;The hero must be in Justice Leaque...&#39;);
    }
}
try
{
    checkJusticeLeaque("wolverine");
}
catch(error)
{
    if(error instanceof RangeError)
    {
        console.log(error.name);
        console.log(error.message);
    }
}

浏览器兼容性

JavaScript의 오류 객체

3. ReferenceError

创建一个error实例，表示错误的原因：无效引用。

new ReferenceError([message[, fileName[, lineNumber]]])

事例

ReferenceError被自动触发。

try {
  callJusticeLeaque();
} 
catch(e){
  console.log(e instanceof ReferenceError)  // true
  console.log(e.message)        // callJusticeLeaque is not defined
  console.log(e.name)           // "ReferenceError"
  console.log(e.stack)          // ReferenceError: callJusticeLeaque is not defined..
}
or as simple as 
a/10;

显式抛出ReferenceError

try {
  throw new ReferenceError(&#39;Reference Error Occurred&#39;)
} 
catch(e){
  console.log(e instanceof ReferenceError)  // true
  console.log(e.message) // Reference Error Occurred
  console.log(e.name)   // "ReferenceError"
  console.log(e.stack)  // ReferenceError: Reference Error Occurred.
}

浏览器兼容性

JavaScript의 오류 객체

4. SyntaxError

创建一个error实例，表示错误的原因：eval()在解析代码的过程中发生的语法错误。

换句话说，当 JS 引擎在解析代码时遇到不符合语言语法的令牌或令牌顺序时，将抛出SyntaxError。

捕获语法错误

try {
  eval(&#39;Justice Leaque&#39;);  
} 
catch(e){
  console.error(e instanceof SyntaxError);  // true
  console.error(e.message);    //  Unexpected identifier
  console.error(e.name);       // SyntaxError
  console.error(e.stack);      // SyntaxError: Unexpected identifier
}

let a = 100/; // Uncaught SyntaxError: Unexpected token &#39;;&#39;
// Uncaught SyntaxError: Unexpected token ] in JSON
JSON.parse(&#39;[1, 2, 3, 4,]&#39;); 
// Uncaught SyntaxError: Unexpected token } in JSON
JSON.parse(&#39;{"aa": 11,}&#39;);

创建一个SyntaxError

try {
  throw new SyntaxError(&#39;Syntax Error Occurred&#39;);
} 
catch(e){
  console.error(e instanceof SyntaxError); // true
  console.error(e.message);    // Syntax Error Occurred
  console.error(e.name);       // SyntaxError
  console.error(e.stack);      // SyntaxError: Syntax Error Occurred
}

浏览器兼容性

JavaScript의 오류 객체

5. TypeError

创建一个error实例，表示错误的原因：变量或参数不属于有效类型。

new TypeError([message[, fileName[, lineNumber]]])

下面情况会引发 TypeError：

  • 在传递和预期的函数的参数或操作数之间存在类型不兼容。
  • 试图更新无法更改的值。
  • 值使用不当。

例如：

const a = 10;
a = "string"; // Uncaught TypeError: Assignment to constant variable

null.name // Uncaught TypeError: Cannot read property &#39;name&#39; of null

捕获TypeError

try {
  var num = 1;
  num.toUpperCase();
} 
catch(e){
  console.log(e instanceof TypeError)  // true
  console.log(e.message)   // num.toUpperCase is not a function
  console.log(e.name)      // "TypeError"
  console.log(e.stack)     // TypeError: num.toUpperCase is not a function
}

创建 TypeError

try {
  throw new TypeError(&#39;TypeError Occurred&#39;) 
} 
catch(e){
  console.log(e instanceof TypeError)  // true
  console.log(e.message)          // TypeError Occurred
  console.log(e.name)             // TypeError
  console.log(e.stack)            // TypeError: TypeError Occurred
}

浏览器兼容性

JavaScript의 오류 객체

6. URIError

创建一个error实例，表示错误的原因：给 encodeURI()或  decodeURl()传递的参数无效。

如果未正确使用全局URI处理功能，则会发生这种情况。

JavaScript의 오류 객체

简单来说，当我们将不正确的参数传递给encodeURIComponent()或decodeURIComponent()函数时，就会引发这种情况。

new URIError([message[, fileName[, lineNumber]]])

encodeURIComponent()通过用表示字符的UTF-8编码的一个，两个，三个或四个转义序列替换某些字符的每个实例来对URI进行编码。

// "https%3A%2F%2Fmedium.com%2F"
encodeURIComponent(&#39;https://medium.com/&#39;);

decodeURIComponent()——对之前由encodeURIComponent创建的统一资源标识符(Uniform Resource Identifier, URI)组件进行解码。

// https://medium.com/
decodeURIComponent("https%3A%2F%2Fmedium.com%2F")

捕捉URIError

try {
  decodeURIComponent(&#39;%&#39;)
} 
catch (e) {
  console.log(e instanceof URIError)  // true
  console.log(e.message)              // URI malformed
  console.log(e.name)                 // URIError
  console.log(e.stack)                // URIError: URI malformed...
}

显式抛出URIError

try {
  throw new URIError(&#39;URIError Occurred&#39;)
} 
catch (e) {
  console.log(e instanceof URIError)  // true
  console.log(e.message)        // URIError Occurred
  console.log(e.name)           // "URIError"
  console.log(e.stack)          // URIError: URIError Occurred....
}

浏览器兼容性

JavaScript의 오류 객체

英文原文地址：http://help.dottoro.com/ljfhismo.php

作者：Isha Jauhari

更多编程相关知识，请访问：编程视频！！

위 내용은 JavaScript의 오류 객체의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
이전 기사：JS를 사용하여 페이지로 이동하는 7가지 방법(공유)다음 기사：JS를 사용하여 페이지로 이동하는 7가지 방법(공유)

관련 기사

더보기