forked from liang996/Javascript-Learning-notes
-
Notifications
You must be signed in to change notification settings - Fork 1
/
js异常.txt
247 lines (177 loc) · 4.87 KB
/
js异常.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
1.try语句能够测试代码中的错误。
2.catch允许您处理错误。
3.throw语句允许您自定义创建错误。
4.finally使您能够执行代码，在try...catch之后，无论结果如何。
1.错误总会发生！
当执行 JavaScript 代码时，会发生各种错误。
错误可能是程序员的编码错误，由错误输入引起的错误，或者由于其他不可预见的问题。
例子：
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
try{
akklert("哈哈")
}catch(err){
document.getElementById("demo").innerHTML=err.message
}
</script>
</body>
</html>//akklert is not defined:akklert未定义。
注意：JavaScript 将 akklert捕获为一个错误，然后执行代码来处理该错误。
2.JavaScript try 和 catch
try 语句允许您定义一个代码块，以便在执行时检测错误。
catch 语句允许你定义一个要执行的代码块，如果 try 代码块中发生错误。
JavaScript 语句 try 和 catch 成对出现：
try{
供测试项目代码错误。
}
catch(err){
供处理项目代码错误。
}
3.JavaScript 抛出错误
当发生错误时，JavaScript 通常会停止并产生错误消息。
技术术语是这样描述的：JavaScript 将抛出异常（抛出错误）。
JavaScript 实际上会创建带有两个属性的 Error 对象：name和message（信息）。
4.throw 语句
throw 语句允许您创建自定义错误。
从技术上讲您能够抛出异常（抛出错误）。
异常可以是 JavaScript 字符串、数字、布尔或对象：
throw "Too big"; // 抛出文本
throw 500; //抛出数字
如果把 throw 与 try 和 catch 一同使用，就可以控制程序流并生成自定义错误消息。
5.输入验证案例
本例会检查输入。如果值是错误的，将抛出异常（err）。
该异常（err）被 catch 语句捕获并显示一条自定义的错误消息：
<!DOCTYPE html>
<html>
<body>
<p>请输入 5 - 10 之间的数字：</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入</button>
<p id="message"></p>
<script>
function myFunction() {
var message, x;
message = document.getElementById("message");
message.innerHTML = "";
x = document.getElementById("demo").value;
try {
if(x == "") throw "空的";
if(isNaN(x)) throw "不是数字";
x = Number(x);
if(x < 5) throw "太小";
if(x > 10) throw "太大";
}
catch(err) {
message.innerHTML = "输入是 " + err;
}
}
</script>
</body>
</html>
6.HTML 验证
以上代码仅仅是一个例子。
现代浏览器通常会结合 JavaScript 与内置的 HTML 验证，通过使用在 HTML 属性中定义的预定义的验证规则：
<input id="demo" type="number" min="5" max="10" step="1">
您将在本教程稍后的章节学到更多有关表单验证的知识。
6.finally 语句
finally 语句允许您在 try 和 catch 之后执行代码，无论结果：
try {
供测试的代码块
}
catch(err) {
处理错误的代码块
}
finally {
无论 try / catch 结果如何都执行的代码块
}
例子：
<!DOCTYPE html>
<html>
<body>
<p>请输入 5 到 10 之间的数字：</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">检测输入</button>
<p id="p01"></p>
<script>
function myFunction() {
var message, x;
message = document.getElementById("p01");
message.innerHTML = "";
x = document.getElementById("demo").value;
try {
if(x == "") throw "是空的";
if(isNaN(x)) throw "不是数字";
x = Number(x);
if(x > 10) throw "太大";
if(x < 5) throw "太小";
}
catch(err) {
message.innerHTML = "输入：" + err;
}
finally {
document.getElementById("demo").value = "";
}
}
</script>
</body>
</html>
7.Error 对象
JavaScript 拥有当错误发生时提供错误信息的内置 error 对象。
error 对象提供两个有用的属性：name 和 message。
8.Error 对象属性
属性 描述
name 设置或返回错误名
message 设置或返回错误消息（一条字符串）
9.Error Name Values
error 的 name 属性可返回六个不同的值：
错误名 描述
A.EvalError：eval()错误 已在 eval() 函数中发生的错误： 指示 eval() 函数中的错误，更新版本的 JavaScript 不会抛出任何 EvalError。请使用 SyntaxError 代替
B.rangeError：范围错误 已发生超出数字范围的错误,RangeError 会在您使用了合法值的范围之外的数字时抛出
例如：您不能将数字的有效位数设置为 500。
var num = 1;
try {
num.toPrecision(500); // 数无法拥有 500 个有效数，toPrecision() 返回字符串值，它包含了指定长度的数字
}
catch(err) {
document.getElementById("demo").innerHTML = err.name;
}
C.ReferenceError:引用错误 已发生非法引用,假如您使用（引用）了尚未声明的变量，则 ReferenceError 会被抛出：
实例
var x;
try {
x = y + 1; // y 无法被引用（使用）
}
catch(err) {
document.getElementById("demo").innerHTML = err.name;
}
D.SyntaxError：语法错误 已发生语法错误
假如您计算带语法错误的代码，会 SyntaxError 被抛出：
实例
try {
eval("alert('Hello)"); // 缺少 ' 会产生错误
}
catch(err) {
document.getElementById("demo").innerHTML = err.name;
}
E.TypeError:类型错误 已发生类型错误
假如您使用的值不在期望值的范围之内，则 TypeError 被抛出：
实例
var num = 1;
try {
num.toUpperCase(); // 您无法将数字转换为大写
}
catch(err) {
document.getElementById("demo").innerHTML = err.name;
}
F.URIError:urI错误 在 encodeURI() 中已发生的错误
假如您在 URI 函数中使用非法字符，则 URIError 被抛出：
实例
try {
decodeURI("%%%"); // 您无法对这些百分号进行 URI 编码
}
catch(err) {
document.getElementById("demo").innerHTML = err.name;
}