Javascript Try Catch, Bütün programlama dillerinde olduğu gibi betik programlama dili olan javascript’dede try catch bloklarından faydalanarak hata yakalayabilir ve throw anahtar kelimesi ilede hata türetebiliriz. Bu makalede örnekli olarak try catch ve throw’dan bahsedeceğiz.
Basit bir try catch bloğu şu şekildedir.
Butona tıklandığında uyariEkle adında bir fonksiyon bulunmadığı için catch bloğuna düşecektir ve alert metoduna hata değişkeni olan ex’in message adındaki özelliği parametre olarak geçiliği kullanıcıya hata bildirilmektedir.
✍ Lütfen olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.🔗 Sosyal medya kanallarından makaleyi paylaşarak destek olursanız çok sevinirim.👋 Bir sonraki makalede görüşmek dileğiyle.
Javascript Try Catch Nedir, Örnekli Nasıl Kullanılır?
İçerik
göster
Basit bir try catch bloğu şu şekildedir.1 2 3 4 5 6 7 8 9 10 11 12 | try { //Çalıştırılacak kodlar } catch(hata) { //Hata yakalandığında çalışacak kodlar } finally { //Hata olsada olmasada çalışacak olan kodlar. } |
catch bloğunda yazılmış olan hata adındaki değişken Oluşacak Exception(İstisna)’i taşıyacak olan değişken adıdır buraya herhangi bir isim verebilirsiniz ben klasik olarak ex diye isimlendiriyorum örneklerimde siz istediğiniz şekilde değişken adi tanımlama kurallarına uyarak isimlendirebilirsiniz.
Basit bir örnekle daha iyi anlamaya çalışalım alttaki basit bir html sayfası örneğinde button türündeki input nesnemizin click olayında uyariEkle() diye bir fonksiyon çalıştırılmak isteniyor ama böyle bir fonksiyon olmadığı için catch bloğu içerisine düşecektir. cath bloğuna düştükten sonra alert() fonksiyonu ile ekrana uyarı çıkarılacaktır.Örnek javascript kodları
1 2 3 4 5 6 7 8 9 10 11 | function tryCatchTest() { try { uyariEkle("Böyle bir method yok!"); } catch (ex) { alert(ex.message); } } |
catch bloğunda tanımlanan değişken içerisinden hata mesajını göstermek için ‘degiskenadi.message’ sözdizimini kullanıyoruz.
Örnek Html kodu
1 | <button onclick="tryCatchTest()">Try/Catch Test</button> |
throw ile kendi Exception(İstisna)’larımızı üretme
Şimdi ise ‘DogumYeri’ adında bir input nesnesi oluşturalım ve butona tıkladığımızda eğer ‘DogumYeri’ adındaki input nesnemize birşey girilmediyse throw anahtar kelimesinden faydalanır kolayca exception türetebiliriz.Örnek Html Kodu
1 2 | <input type="text" id="DogumYeri" /> <button onclick="tryCatchTest()">Try/Catch Test</button> |
Örnek javascript kodu
1 2 3 4 5 6 7 8 9 10 11 12 | function tryCatchTest () { try { if (document.getElementById('DogumYeri').value == '') { throw 'Doğum yerini boş geçemezsiniz'; }; } catch(ex) { alert(ex.message); } } |
📚 Benzer Kaynaklar
- Javascript Media Query Nedir ve Nasıl Kullanılır?
- Javascript notification api kullanımı
- Javascript fetch fonksiyonu ile http işlemleri
✍ Lütfen olumlu-olumsuz tüm görüşlerinizi bana yorum yada mail yolu ile iletmeyi ihmal etmeyin.🔗 Sosyal medya kanallarından makaleyi paylaşarak destek olursanız çok sevinirim.👋 Bir sonraki makalede görüşmek dileğiyle.
function validateForm() {
// This function deals with validation of the form fields
var x, y, i, valid = true;
x = document.getElementsByClassName(“tab”);
y = x[currentTab].getElementsByTagName(“input”);
// A loop that checks every input field in the current tab:
for (i = 0; i < y.length; i++) {
// If a field is empty…
if (y[i].value == "") {
// add an "invalid" class to the field:
y[i].className += " invalid";
// and set the current valid status to false:
valid = false;
}
}
buradada mesela boş girilirse hata oluyor ama dediğim gibi bu mesela maaş alanı olsa adam virgül yerine nokta yazsa bu hatayı nasıl yakalayacak
doğum yeri boş değilde yanlış girilmişse numara yerine harf yazmıssa mesela hata nasıl yakalanır
isnumber ile kontrol edebilirsin