JavaScript Error name 属性
JavaScript基础 2022-06-08 10:39:52小码哥的IT人生shichen
JavaScript Error name 属性
实例
返回错误名称（我们将 "alert" 写为 "adddlert" 来故意产生错误）：
try {
adddlert("Welcome guest!");
}
catch(err) {
document.getElementById("demo").innerHTML = err.name;
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 错误</h1>
<p>在此例中，我们将 alert 编写为 adddlert 来故意产生错误：</p>
<p id="demo"></p>
<script>
try {
adddlert("Welcome guest!");
}
catch(err) {
document.getElementById("demo").innerHTML = err.name;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
name 属性设置或返回错误的名称。
error name 属性可返回六个不同的值：
| 错误名称 | 描述 | 试一试 |
|---|---|---|
| EvalError |
eval() 函数中发生错误。 注释：较新版本的 JavaScript 不会引发任何 EvalError。请改用 SyntaxError。 |
|
| RangeError | 发生数字“超出范围”。 | 试一试 |
| ReferenceError | 发生非法引用。 | 试一试 |
| SyntaxError | 发生语法错误。 | 试一试 |
| TypeError | 发生类型错误。 | 试一试 |
| URIError | 发生 encodeURI() 中的错误。 | 试一试 |
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 错误</h1>
<p>您不能将数字的有效位数设置为 500：</p>
<p id="demo">
<script>
var num = 1;
try {
num.toPrecision(500);
}
catch(err) {
document.getElementById("demo").innerHTML = err.name;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 错误</h1>
<p>您不能使用不存在的变量的值：</p>
<p id="demo"></p>
<script>
var x;
try {
x = y + 1;
}
catch(err) {
document.getElementById("demo").innerHTML = err.name;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 错误</h1>
<p>您无法 evaluate 包含语法错误的代码：</p>
<p id="demo"></p>
<script>
try {
eval("alert('Hello)");
}
catch(err) {
document.getElementById("demo").innerHTML = err.name;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 错误</h1>
<p>您不能将数字转换为大写：</p>
<p id="demo"></p>
<script>
var num = 1;
try {
num.toUpperCase();
}
catch(err) {
document.getElementById("demo").innerHTML = err.name;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 错误</h1>
<p>某些字符不能被 URI 解码：</p>
<p id="demo"></p>
<script>
try {
decodeURI("%%%");
}
catch(err) {
document.getElementById("demo").innerHTML = err.name;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
提示：另请参见错误对象的 message 属性。
浏览器支持
| 属性 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| name | 支持 | 支持 | 支持 | 支持 | 支持 |
语法
errorObj.name技术细节
| 返回值： | 字符串，代表错误的名称。 |
|---|---|
| JavaScript 版本： | 1.0 |
