Errors pada JavaScript - Throw and Try to Catch ~ KODELOVER

pernyataan Try digunakan untuk menguji blok kode Error.

pernyataan Catch digunakan untuk menangani kesalahan.

pernyataan Throw digunakan untuk membuat mengatur kesalahan.

pernyataan finally digunakan untuk mengeksekusi kode, setelah mencoba dan menangkap, apa pun hasilnya.

Kesalahan Akan Terjadi!

Saat menjalankan kode JavaScript, kesalahan yang berbeda dapat terjadi.

Kesalahan bisa jadi pengkodean kesalahan yang dilakukan oleh programmer, kesalahan karena salah masukan, dan hal tak terduga lainnya:
Contoh

<!DOCTYPE html>
<html>
<body>

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

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

</body>
</html>

pada contoh di atas kita telah membuat kesalahan ketik pada kode(di blok try).

blok tangkapan menangkap kesalahan, dan mengeksekusi kode untuk menanganinya.

JavaScript try dan Catch

pernyataan try digunakan untuk menentukan blok kode yang akan diuji untuk kesalahan saat dijalankan.

pernyataan catch digunakan untuk menentukan blok kode yang akan dieksekusi, jika terjadi kesalahan pada blok percobaan.

pernyataan JavaScript try dan catch berpasangan:

try{
blok kode untuk try
}
catch(err){
blok kode untuk menangani kesalahan
}

JavaScript dapat Menaikkan Kesalahan

Saat terjadi kesalahan, JavaScript biasanya akan berhenti, dan menghasilkan pesan kesalahan.

istilah teknis untuk ini adalah: JavaScript akan menaikkan(atau melempar) pengecualian.

Pernyataan Throw

pernyataan Throw/ melempar digunakan untuk membuat kesalahan kustom.

Secara teknis Anda bisa meningkatkan(membuang) pengecualian.

pengecualian bisa berupa String JavaScript, Nomor, boolean atau Objek:

throw "terlalu besar"; // lemparkan teks
throw 500; // lempar nomor

Jika Anda menggunakan lemparan bersamaan dengan mentry dan menangkap, Anda dapat mengendalikan aliran program dan menghasilkan pesan kesalahan khusus.
Contoh Validasi Masukan

Contoh ini memeriksa input. Jika nilainya salah, pengecualian(err) dilempar.

pengecualian(err) tertangkap oleh pernyataan tangkapan dan pesan kesalahan kustom ditampilkan:

<! DOCTYPE html>
<html>
<body>

<p> masukan angka antara 5 dan 10: </ p>

<input id = "demo" type = "text">
<button type = "button" onclick = "myFunction()"> Test input </ button>
<p id = "pesan"> </ p>

<Script>
function myFunction(){
    pesan var, x;
    pesan = document.getElementbyid("pesan");
    pesan.innerHTML = "";
    x = document.getElementbyid("demo") nilai;
    try{
       if(x == "") throw "kosong";
       if(isNaN(x)) throw "bukan angka";
        x = Number(x);
       if(x <5) throw "terlalu rendah";
       if(x> 10) throw "terlalu tinggi";
    }
    catch(err){
        pesan.innerHTML = "input is" + err;
    }
}
</script>

</body>
</html>

Validasi HTML

Kode di atas hanyalah sebuah contoh.

browser modern akan sering menggunakan kombinasi JavaScript dan validasi HTML built-in, dengan menggunakan aturan validasi yang telah ditentukan yang didefinisikan dalam atribut HTML:

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

Anda dapat membaca lebih lanjut tentang validasi formulir di bab selanjutnya dari tutorial ini.
pernyataan finally

pernyataan akhirnya memungkinkan Anda mengeksekusi kode, setelah mentry dan menangkap, terlepas dari hasilnya:

try{
    blok kode untuk try
}
catch(err){
    blok kode untuk menangani kesalahan
}
finally{
    blok kode yang akan dijalankan terlepas dari hasil try / catch
}

Contoh

Fungsi myFunction(){
    var pesan , x;
    pesan = document.getElementbyid("pesan");
    pesan.innerHTML = "";
    x = document.getElementbyid("demo") nilai;
    try{
       if(x == "") throw "kosong";
       if(isNaN(x)) throw "bukan angka";
        x = Nomor(x);
       if(x> 10) throw "terlalu tinggi";
       if(x <5) throw "terlalu rendah";
    }
    catch(err){
        pesan.innerHTML = "Error:" + err + ".";
    }
    Akhirnya{
        document.getElementbyid("demo"). Value = "";
    }
}

KODELOVER

Errors pada JavaScript - Throw and Try to Catch

Related Post