在try語句可以測試一個代碼塊的錯誤。
該catch語句可以處理錯誤。
該throw聲明,您可以創建自定義的錯誤。
該finally語句可以讓你執行代碼,try和catch後,無論結果。
錯誤會發生!
當執行JavaScript代碼,可能會出現不同的錯誤。
錯誤可以被編碼由程序員所犯的錯誤,由於錯誤輸入,以及其他不可預見的事情的錯誤:
例
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
try {
adddlert("Welcome guest!");
}
catch(err) {
document.getElementById("demo").innerHTML = err.message;
}
</script>
</body>
</html>
試一試» 在上面的例子中,我們已經取得了代碼中的錯字(try塊 )。
在catch塊捕獲錯誤,並執行代碼來處理它。
JavaScript的try和catch
在try聲明允許您定義的代碼塊,同時正在執行其被錯誤檢測。
該catch語句允許您定義將要執行的代碼塊,如果在try塊發生錯誤。
在JavaScript語句try和catch成對出現的:
try {
Block of code to try
}
catch(err) {
Block of code to handle errors
}
JavaScript可以拋出錯誤
當錯誤發生時,JavaScript的,通常會停下來,並產生一個錯誤信息。
這種情況的技術術語是:JavaScript的將提高(或拋出)異常 。
該throw聲明
該throw聲明允許您創建一個自定義錯誤。
從技術上講,你可以提高(拋出)異常 。
唯一的例外可能是一個JavaScript字符串,數字,布爾值或對象:
throw "Too big"; // throw a text
throw 500; // throw a number
如果你使用throw一起try和catch ,你可以控制程序流程,並生成自定義錯誤消息。
輸入驗證實例
這個例子檢查輸入。 如果值是錯誤的,一個異常(ERR)被拋出。
唯一的例外(ERR)由catch語句捕獲並顯示自定義錯誤消息:
<!DOCTYPE html>
<html>
<body>
<p>Please input a number between
5 and 10:</p>
<input id="demo" type="text">
<button type="button"
onclick="myFunction()">Test Input</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 "empty";
if(isNaN(x)) throw "not a number";
x = Number(x);
if(x < 5) throw
"too low";
if(x > 10) throw "too
high";
}
catch(err) {
message.innerHTML =
"Input is " + err;
}
}
</script>
</body>
</html>
試一試» HTML驗證
上面的代碼只是一個例子。
現代瀏覽器會經常使用的JavaScript的組合,內置HTML驗證,使用HTML屬性定義的預定義的驗證規則:
<input id="demo" type="number" min="5" max="10" step="1"
您可以在本教程的後面章節閱讀更多有關形式的檢驗。
在finally陳述
在finally聲明中,您可以執行代碼,經過try和catch ,無論結果:
try {
Block of code to try
}
catch(err) {
Block of code to handle errors
}
finally {
Block of code to be
executed regardless of the try / catch result
}
例
function myFunction() {
var message,
x;
message =
document.getElementById("message");
message.innerHTML = "";
x =
document.getElementById("demo").value;
try {
if(x == "") throw "is empty";
if(isNaN(x))
throw "is not a number";
x = Number(x);
if(x >
10) throw "is too high";
if(x <
5) throw "is too low";
}
catch(err)
{
message.innerHTML = "Error: " +
err + ".";
}
finally {
document.getElementById("demo").value
= "";
}
}
試一試»