En son web geliştirme öğreticiler
 

JavaScript Hatalar - atın ve Catch deneyin

❮ Önceki Sonraki Bölüm ❯

try ifadesi hatalar için kod bloğu test etmenizi sağlar.

catch deyimi hatayı işlemek sağlar.

throw deyimi özel hatalarını oluşturmanızı sağlar.

Sonunda deyimi Sonucun ne olursa olsun, denemede ve yakalamadan sonra, kod çalıştırmasını sağlar.

Hatalar Olacak!

JavaScript kodu çalıştırırken, farklı hatalar meydana gelebilir.

Hatalar programcı tarafından yapılan hataları nedeniyle yanlış girdi ve diğer öngörülemeyen şeyler hataları kodlama edilebilir:

Örnek

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
try {
    adddlert("Welcome guest!");
}
catch(err) {
    document.getElementById("demo").innerHTML = err.message;
}
</script>

</body>
</html>
Kendin dene "

Yukarıdaki örnekte biz (deneyin bloğunda) kodunda bir yazım hatası yaptık.

catch bloğu hatayı yakalar ve bunu işlemek için kod çalıştırır.

JavaScript try ve catch

try deyimi bunu yürütülmesi sırasında hatalar için test edilecek kod bloğu tanımlamak için izin verir.

catch try bloğunda bir hata oluşursa açıklamada, bir kod bloğu yürütülecek tanımlamanızı sağlar.

JavaScript ifadeleri try ve catch çift olarak gelir:

try {
    Block of code to try
 }
catch(err) {
    Block of code to handle errors
 }

JavaScript Hataları kaldırın edebilirsiniz

Bir hata oluştuğunda, JavaScript normalde durdurmak ve bir hata mesajı oluşturur.

Bunun için teknik bir terimdir: JavaScript yükseltecek (or throw) bir istisna.

throw Bildirimi

throw deyimi özel bir hatayı oluşturmanıza olanak sağlar.

Teknik olarak yükseltebilir (throw) bir istisna.

İstisna bir JavaScript String, bir Sayı, bir Boole veya nesne olabilir:

throw "Too big";    // throw a text
throw 500;          // throw a number

Eğer kullanırsanız throw birlikte try ve catch , program akışını denetlemek ve özel hata iletileri üretebilir.

Giriş Doğrulaması Örnek

Bu örnek, giriş inceler. Değer yanlışsa, bir istisna (err) atılır.

Istisna (err) catch deyimi ile yakalanır ve özel bir hata iletisi görüntülenir:

<!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>
Kendin dene "

HTML Doğrulama

Yukarıdaki kod sadece bir örnektir.

Modern tarayıcılar genellikle niteliklerini HTML olarak tanımlanan önceden tanımlanmış doğrulama kurallarını kullanarak, JavaScript bir arada kullanmak ve yerleşik HTML doğrulama olacaktır:

<input id="demo" type="number" min="5" max="10" step="1"

Bu öğretici bir sonraki bölümde formları doğrulama hakkında daha fazla bilgi bulabilirsiniz.

finally Bildirimi

finally İfadende sonra kodu çalıştırmak sağlayan try ve catch sonucu ne olursa olsun,:

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
 }

Örnek

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 = "";
    }
}
Kendin dene "

❮ Önceki Sonraki Bölüm ❯