Bu yazımda “JavaScript try catch Kullanımı” konusunu örnekler üzerinden anlatmaya çalışacağım.
JavaScript kodlarımızı yazarken oluşabilecek her türlü ihtimali göz önünde bulundurmaya çalışırız. Yinede bazı zamanlar gözümüzden kaçan kısımlar olabiliyor. Bu yüzden farklı hatalarla karşılaşabiliyoruz.
Beklenmedik hataları kontrol edebilmemiz için JavaScript de hata yakalama yapılarını kullanıyoruz.
Try-catch kullanımına geçmeden önce throw kullanımı ile başlayalım.
JavaScript throw Kullanımı
Throw ifadesi, özel bir hata oluşturmamıza olanak sağlar. Bu hata bir String, bir Number, bir Boolean veya bir Object olabilir. Örneğin;
|
1 2 3 4 5 6 7 8 9 |
<script> throw "Özel Hata!"; // String veri türünde bir Hata throw 25; // Number veri türünde bir Hata </script> |
İlk olarak “throw” yazdıktan sonra istediğimiz veri türünde özel hatalar fırlatabiliyoruz.
JavaScript try-catch Kullanımı
Try : Asıl kodlarımızı yazacağımız kısımdır.
Catch : Try bloğu içerisinde yazdığımız kodlarda herhangi bir hata meydana gelirse çalışmasını istediğimiz kodları yazacağımız kısımdır.
Finally : Try bloğu içerisinde yazdığımız kodlarda bir hata meydana gelsede gelmesede çalıştırılacak kodları yazacağımız kısımdır.
Kullanımı şu şekildedir :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<script> try { // Kodlarımızı yazacağımız kısım } catch(err) { // Try bloğu içerisinde yazdığımız kodlarda bir hata meydana gelirse çalışmasını istediğimiz kodları buraya yazıyoruz } finally { // Try bloğu içerisinde yazdığımız kodlarda hata meydana gelsede gelmesede çalışmasını istediğimiz kodları buraya yazıyoruz } </script> |
Catch içerisinde err olarak yazdığımız nesne Error nesnesidir. Error nesnesi iki özelliğe sahiptir. Bunlar:
- Ad : Hata mesajının adı
- Mesaj : Hata mesajının içeriği
Error nesnesini bir sonraki yazımda daha detaylı olarak anlatacağım.
Şimdi örnekler üzerinden konuyu daha iyi anlamaya çalışalım.
Örnek
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<script> try { throw "Özel hata fırlatıyoruz!"; } catch(err) { console.log("Hata!!!"); } </script> |
Çıktısı : Hata!!!
Yukarıdaki örnekte try bloğu içerisinde kodlarınız olduğunu varsayalım. Yazmış olduğunuz kodlarda herhangi bir hata meydana gelirse catch bloğu içerisinde yazmış olduğumuz kodlar çalıştırılacaktır.
Eğer try bloğu içerisinde herhangi bir hata oluşmaz ise catch bloğu içerisindeki kodlar çalıştırılmaz.
Try bloğu içerisinde, throw ile özel bir hata fırlatarak catch bloğundaki kodların çalışmasını sağladım. Böylece console ekranına “Hata!!!” yazdırıldı.
Dikkat ederseniz bu örneğimizde finally bloğunu kullanmadık. Yani her zaman finally bloğunu yazmak zorunda değiliz. Şimdiki örneğimizde finally bloğunu da kullanalım.
Örnek
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<script> try { throw "Özel hata fırlatıyoruz!"; } catch(err) { console.log("Hata var!!!"); } finally { console.log("Her durumda çalışmasını istediğimiz kodlar buraya yazılacak") } </script> |
Çıktısı :
Hata var!!!
Her durumda çalışmasını istediğimiz kodlar buraya yazılacak
⇒ Bu örneğimizde de try bloğu içerisinde özel bir hata fırlatıyorum. Hata oluşturduğumuz için catch bloğuna girip console ekranına “Hata var!!!” yazdırıldı.
Biraz önce anlattığımız gibi hata olsa da olmasa da finally bloğundaki kodlar çalıştırılacağı için console ekranına “Her durumda çalışmasını istediğimiz kodlar buraya yazılacak” yazdırıldı.
JavaScript de try catch kullanımı bu şekilde. Umarım sizin için faydalı bir yazı olmuştur.
Şu yazılar da ilginizi çekebilir.
Yeni bir yazımda görüşmek üzere.
