Heim > Artikel > Web-Frontend > Fehlerobjekt in JavaScript
Immer wenn in JavaScript ein Laufzeitfehler auftritt, wird ein Error
-Objekt ausgelöst. In vielen Fällen können wir diese standardmäßigen Error
-Objekte auch erweitern, um unsere eigenen benutzerdefinierten Error
-Objekte zu erstellen. Error
对象。 在许多情况下,我们还可以扩展这些标准Error
对象,以创建我们自己的自定义Error
对象。
Error
对象具有2个属性
name ——设置或返回错误名称。具体来说,它返回错误所属的构造函数的名称。
它有6个不同的值-EvalError
,RangeError
,ReferenceError
,TypeError
,SyntaxError
,URIError
。 我们将在本文后面讨论这些内容,这些所有错误类型均继承自Object-> Error-> RangeError
。
message-设置或返回错误消息
1.通用的错误
我们可以使用Error
对象创建一个新的Error
,然后使用throw
关键字显式抛出该错误。
try{ throw new Error('Some Error Occurred!') } catch(e){ console.error('Error Occurred. ' + e.name + ': ' + e.message) }
2.处理特定的错误类型
我们还可以使用如下的instanceof
关键字来处理特定的错误类型。
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.自定义错误类型
我们还可以通过创建继承Error
对象的类来定义自己的错误类型。
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 }
浏览器兼容性
现在让我们讨论可用于处理不同错误的不同错误对象类型。
创建一个error
实例,表示错误的原因:与 eval()
有关。
这里要注意的一点是,当前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..." }
浏览器兼容性
创建一个error
Fehler
-Objekt hat 2 Eigenschaften🎜🎜Name – Legen Sie den Fehlernamen fest oder geben Sie ihn zurück. Insbesondere wird der Name des Konstruktors zurückgegeben, zu dem der Fehler gehört. 🎜🎜Es hat 6 verschiedene Werte – EvalError
, RangeError
, ReferenceError
, TypeError
, SyntaxError
, URIError
. Wie wir später in diesem Artikel besprechen werden, erben alle diese Fehlertypen von Object-> RangeError
. 🎜🎜message – Fehlermeldung festlegen oder zurückgeben 🎜🎜🎜 verwenden Das Error
-Objekt erstellt einen neuen Error
und löst den Fehler dann explizit mit dem Schlüsselwort throw
aus. 🎜🎜🎜new RangeError([message[, fileName[, lineNumber]]])🎜2. Umgang mit bestimmten Fehlertypen🎜🎜Wir können auch den folgenden
instanceof Code verwenden > Schlüsselwort zur Behandlung bestimmter Fehlertypen 🎜🎜<span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="try {
someFunction()
}
fangen(e){
if(e Instanz von EvalError) {
console.error(e.name + ': ' + e.message)
}
else if(e Instanz von RangeError) {
console.error(e.name + ': ' + e.message)
}
// ... etwas anderes
}
" title="" data-original-title="Copy"></span>🎜<pre class="brush:js;toolbar:false;">// Uncaught RangeError: The normalization form should be one of NFC, NFD, NFKC, NFKD
String.prototype.normalize(“-1”)</pre>🎜3. Benutzerdefinierte Fehlertypen🎜🎜Wir können auch unsere eigenen definieren, indem wir eine Klasse erstellen, die den <code>Fehler
erbt Objektfehlertyp. 🎜🎜🎜// RangeError: Invalid array length var arr = new Array(-1);🎜Browserkompatibilität🎜🎜🎜
error
-Instanz, die die Fehlerursache darstellt: mit eval. () 🎜🎜Hier ist zu beachten, dass die aktuelle ECMAScript-Spezifikation dies nicht unterstützt. Stattdessen können wir den Fehler <code>SyntaxError
verwenden. Es ist jedoch weiterhin abwärtskompatibel mit früheren Versionen von ECMAScript 🎜🎜Syntax🎜🎜🎜// 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)🎜Beispiel🎜🎜🎜
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); } }🎜Browserkompatibilität🎜🎜🎜
Fehler code> Beispiel: Angabe der Fehlerursache: Die numerische Variable oder der Parameter überschreitet ihren gültigen Bereich 🎜.<p><span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="new RangeError([message[, fileName[, lineNumber]]])
" title="" data-original-title="复制"></span></p><pre class="brush:js;toolbar:false;">new RangeError([message[, fileName[, lineNumber]]])</pre><p>下面的情况会触发该错误:</p>
<p>1)根据<code>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('The hero must be in Justice Leaque...'); } } try { checkJusticeLeaque("wolverine"); } catch(error) { if(error instanceof RangeError) { console.log(error.name); console.log(error.message); } }
浏览器兼容性
创建一个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('Reference Error Occurred') } 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. }
浏览器兼容性
创建一个error实例,表示错误的原因:eval()在解析代码的过程中发生的语法错误。
换句话说,当 JS 引擎在解析代码时遇到不符合语言语法的令牌或令牌顺序时,将抛出SyntaxError
。
捕获语法错误
try { eval('Justice Leaque'); } 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 ';' // Uncaught SyntaxError: Unexpected token ] in JSON JSON.parse('[1, 2, 3, 4,]'); // Uncaught SyntaxError: Unexpected token } in JSON JSON.parse('{"aa": 11,}');
创建一个SyntaxError
try { throw new SyntaxError('Syntax Error Occurred'); } 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 }
浏览器兼容性
创建一个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 'name' 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('TypeError Occurred') } 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 }
浏览器兼容性
创建一个error实例,表示错误的原因:给 encodeURI(
)或 decodeURl()
传递的参数无效。
如果未正确使用全局URI处理功能,则会发生这种情况。
简单来说,当我们将不正确的参数传递给encodeURIComponent()或
decodeURIComponent()函数时,就会引发这种情况。
new URIError([message[, fileName[, lineNumber]]])
encodeURIComponent()
通过用表示字符的UTF-8编码的一个,两个,三个或四个转义序列替换某些字符的每个实例来对URI进行编码。
// "https%3A%2F%2Fmedium.com%2F" encodeURIComponent('https://medium.com/');
decodeURIComponent()
——对之前由encodeURIComponent
创建的统一资源标识符(Uniform Resource Identifier, URI)组件进行解码。
// https://medium.com/ decodeURIComponent("https%3A%2F%2Fmedium.com%2F")
捕捉URIError
try { decodeURIComponent('%') } 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('URIError Occurred') } 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.... }
浏览器兼容性
英文原文地址:http://help.dottoro.com/ljfhismo.php
作者:Isha Jauhari
更多编程相关知识,请访问:编程视频!!
Das obige ist der detaillierte Inhalt vonFehlerobjekt in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!