Pesan kesalahan di dalam javascript biasanya ditampilkan di mana?

Penanganan Error – Dalam proses pembuatan program javascript, sering kita jumpai error saat program tersebut dijalankan. Entah karena alur program yang salah atau karena ada penulisan kliru karena salah ketik. Selain itu kadang kita lupa mngaplikasikan cara penulisan (syntak) pada bahasa program yang lain (misal=php) ke dalam javascript.

Table of Contents Show

Menangani Error Menggunakan Statemen Try dan Catch
Mengambil Pesan Error
Membuat Pesan Error dengan Throw
Lihat indeks artikel Tutorial Javascript Dasar >>

Error biasanya muncul saat kita menjalankan kode program javascript yang didalamannya terdapat kesalahan program atau kesalahan ketik oleh programmer.

Contoh munculnya error dapat dilihat berikut ini :

 <!DOCTYPE html>    
 <html>    
 <head> </head>  
 <body>     
 Silahkan klik pada tombol    
 <button onclick="Pesan()">Enter</button>  
 <p id="view"></p>    
 <script type="text/javascript">    
 function Pesan()    
 {   
   addalert("Hello");  
 }  
 </script>    
 </body>    
 </html>

Pada contoh diatas terdapat error yang disebabkan karena fungsi addalert belum didefinisikan. Akibatnya program tidak jalan karena ada error.

Menangani Error Menggunakan Statemen Try dan Catch

Statemen try dan catch digunakan untuk menangani error pada javascript. Kode-kode program yang akan dijalankan ditaruh pada statemen try dan jika ada error akan ditangkap oleh statemen catch.

Sebagai contoh, untuk menangani error yang muncul pada program diatas akan kita gunakan statemen try dan catch.

Caranya adalah perintah addalert(“Hello”); coba dijalankan dengan perintah try lalu jika muncul error akan ditangkap oleh statemen catch untuk ditangani.

Berikut ini contoh penerapan try dan catch pada program sebelumnya :

 <!DOCTYPE html>    
 <html>    
 <head> </head>  
 <body>     
 Silahkan klik pada tombol    
 <button onclick="Pesan()">Enter</button>  
 <p id="view"></p>    
 <script type="text/javascript">    
 function Pesan()    
 {   
   try {  
         addalert("Welcome guest!");  
     }  
     catch(err) {  
         document.getElementById("view").innerHTML = err.message;  
     }  
 }  
 </script>    
 </body>    
 </html>

Mengambil Pesan Error

Jika progran javascript diatas dijalankan akan tampil error “addalert is not defined”. Jika diperhatikan, tampilan ini berasal dari properti err.message yang mengambil pesan error dari perintah try.

Membuat Pesan Error dengan Throw

Selain pesan error yang di-generate oleh javascript, kita juga bisa membuat pesan error sendiri. Untuk membuat pesan error ini kita menggunakan perintah throw. Dengan perintah throw kita bisa membuat kondisi dimana muncul error dan pesan error apa yang akan ditampilkan.

Berikut ini contoh penggunaan throw pada program javascript untuk mengetes masukan angka:

 <!DOCTYPE html>  
 <html>  
 <body>

<p>Silahkan input angka antara 5 sampai dengan 10:</p>

<input id=”view” type=”text”>
<button type=”button” onclick=”testNumber()”>Tes Angka</button>
<p id=”pesan”></p>

</body>
</html>

Jika program diatas dijalankan, user akan diminta angka lalu menguji angka yang dimasukkan dengan menekan tombol Tes Angka. Jika input text belum diisi dan tombol sudah ditekan akan muncul pesan error “Input kosong !!! “.
Lalu jika yang dimasukkan bukan angka akan muncul pesan “Input bukan angka”. Begitu seterusnya dengan pesan-pesan error yang lain.

Lihat indeks artikel Tutorial Javascript Dasar >>

Referensi :

https://www.w3schools.com/js/js_errors.asp

Pernyataan try memungkinkan Anda menguji sebuah blok kode untuk kesalahan .

Pernyataan catch memungkinkan Anda menangani kesalahan .

Pernyataan throw memungkinkan Anda membuat kesalahan kustom .

Kesalahan yang Akan Terjadi !
Ketika mesin JavaScript mengeksekusi kode JavaScript , kesalahan yang berbeda dapat terjadi :

Hal ini dapat kesalahan sintaks , biasanya kesalahan coding atau kesalahan ketik yang dibuat oleh programmer .

Hal ini dapat salah eja atau hilang fitur dalam bahasa (mungkin karena perbedaan browser) .

Hal ini dapat kesalahan karena masukan yang salah , dari pengguna , atau dari server Internet .

Dan, tentu saja , bisa banyak hal yang tak terduga lainnya .

JavaScript Melempar Kesalahan
Ketika terjadi kesalahan , ketika sesuatu berjalan salah , mesin JavaScript biasanya akan berhenti , dan menghasilkan pesan kesalahan .

Istilah teknis untuk ini adalah : JavaScript akan melemparkan kesalahan .

JavaScript mencoba dan menangkap
Pernyataan try memungkinkan Anda untuk menentukan blok kode yang akan diuji untuk kesalahan ketika sedang dieksekusi .

Pernyataan catch memungkinkan Anda untuk menentukan blok kode yang akan dieksekusi , jika kesalahan terjadi pada blok try .

Laporan JavaScript mencoba dan menangkap datang berpasangan .

sintaksis

try
{
//Run some code here
}
catch(err)
{
//Handle errors here
}
contoh
Dalam contoh di bawah ini kita sengaja membuat kesalahan ketik dalam kode di blok try .

The menangkap blok menangkap kesalahan dalam blok try , dan mengeksekusi kode untuk menanganinya :

contoh

Pernyataan Throw
Pernyataan throw memungkinkan Anda untuk membuat kesalahan kustom.

Istilah teknis yang benar adalah dengan membuat atau melemparkan sebuah pengecualian.

Jika Anda menggunakan pernyataan throw bersama dengan mencoba dan menangkap, Anda dapat mengontrol aliran program dan menghasilkan pesan kesalahan kustom.

sintaksis

throw exception
Pengecualian bisa menjadi JavaScript String, Nomor, Boolean atau Object.

contoh
Contoh ini mengkaji nilai dari variabel input. Jika nilai salah, pengecualian (error) dilemparkan. Kesalahan tertangkap oleh pernyataan menangkap dan pesan kesalahan kustom ditampilkan:

contoh

Perhatikan bahwa contoh di atas juga akan melemparkan kesalahan jika fungsi getElementById gagal.