JavaScript Try – Catch -Finally – Throw Kullanımı

Bu yazımızda Javascript ile Try-Catch-Finaly kullanımını gösteren basit bir örnek oluşturacağız. Öncelikle try,catch,throw ve finally terimlerinin ne amaçla kullanıldığını açıklayalım.

try ifadesi: Hata oluşturabilecek kod blokları yerleştirilir.

catch ifadesi: Hata oluştuğunda hatayı yakalamak için kullanılır.

throw ifadesi: Özel hata oluşturmak için kullanılır.

finally ifadesi: try catch bloklarından sonra ne olursa olsun kodu çalıştırmak için kullanılır.

Örneğimizde TC Kimlik numarası Ad ve Soyad bilgisi istenen kullanıcının TC kimlik numarasının 11 haneden az olması, 11 haneden fazla girilmesi veya rakam dışında harf yada farklı bir karakter girilmesi durumunda throw ifadesiyle hata mesajlarının oluşturulmasını sağlayacağız.


<html>
<head>
<title>www.yazilimkodlama.com</title>
</head>
<body>

<table>
<tr>
<td>TC Kimlik</td>
<td><input type="text" id="tc"></td>
<td><div id="uyari"></div><td>
</tr>

<tr>
<td>Adı</td>
<td><input type="text" id="ad"></td>
</tr>

<tr>
<td>Soyadı</td>
<td><input type="text" id="soyad"></td>
</tr>

</table>

</body>
</html>
<script>
var nesne =document.getElementById("tc");
var uyari =document.getElementById("uyari");
 
nesne.onkeypress=function(){
uyari.textContent="";
}
 
nesne.onblur=function(){
 
try{
if(isNaN(nesne.value)) throw "Hatalı karakter girdiniz."; 
if(nesne.value.length<11) throw "11 karakterden az girdiniz.";
if(nesne.value.length>11) throw "11 karakterden fazla girdiniz.";
}
catch(e)
{
uyari.textContent=e;
nesne.focus();
}
 
} 
</script>

<html>

<head>

<title>www.yazilimkodlama.com</title>

</head>

<body>

<table>

<tr>

<td>TC Kimlik</td>

</tr>

<tr>

</tr>

<tr>

<td>Soyadı</td>

</tr>

</table>

</body>

</html>

var nesne =document.getElementById("tc");

var uyari =document.getElementById("uyari");

nesne.onkeypress=function(){

uyari.textContent="";

}

nesne.onblur=function(){

try{

if(isNaN(nesne.value)) throw "Hatalı karakter girdiniz.";

if(nesne.value.length<11) throw "11 karakterden az girdiniz.";

if(nesne.value.length>11) throw "11 karakterden fazla girdiniz.";

}

catch(e)

{

uyari.textContent=e;

nesne.focus();

}

</script>

Yukarıdaki kodları not defterine kopyalayıp uzantısını html olarak değiştirip çalıştırdığınızda ekran çıktısı aşağıdaki gibi olacaktır.

JavaScript Try – Catch -Finally – Throw Kullanımı

Diğer Örnekler:

Yorum yap X

Diğer Örnekler:

Bunu paylaş:

Şunlar da Hoşunuza Gidebilir

Yorum yap X

Web Tasarım & Programlama sitesinden daha fazla şey keşfedin