Sekali lagi, Adobe telah mengkonfirmasi lubang keamanan raksasa dalam aplikasi Adobe PDF Reader mereka yang buggy, kembung, dan benar-benar tidak aman. Ini bukan pertama kalinya, entah itu seperti rentetan lubang keamanan non-stop dari produk Adobe.
Juga tidak ada aplikasi antivirus yang memeriksa lubang keamanan ini, jadi jangan berpikir Anda aman ... lubang terbaru ini mengharuskan Anda menonaktifkan Javascript di Adobe Reader, dan untuk melakukannya, Anda harus masuk ke Edit -> Preferensi, dan kemudian temukan kategori JavaScript di sebelah kiri.
html> <html> <body> <h2>JavaScript Error Handling</h2> <p> Contoh ini menunjukkan cara menggunakan <b> catch </b> untuk menampilkan kesalahan. </p> <p id="demo"></p> <script> try { adddlert("Welcome guest!"); } catch(err) { document.getElementById("demo").innerHTML = err.message; } </script> </body> </html>
JavaScript menangkap adddlert sebagai kesalahan, dan menjalankan kode catch untuk menanganinya.
Try dan Catch JavaScript
Pernyataan try memungkinkan Anda untuk menentukan blok kode yang akan diuji terhadap kesalahan saat sedang dijalankan.
Pernyataan catch memungkinkan Anda untuk menentukan blok kode yang akan dieksekusi, jika terjadi kesalahan di blok percobaan.
Pernyataan JavaScript try dan catch digunakan secara berpasangan:
try { Block of code to try } catch(err) { Block of code to handle errors }
JavaScript Throws Error
Saat terjadi kesalahan, JavaScript biasanya akan berhenti dan menghasilkan pesan kesalahan.
Istilah teknis untuk ini adalah: JavaScript akan mengeluarkan pengecualian (memunculkan kesalahan).
JavaScript sebenarnya akan membuat objek Error dengan dua properti: nama dan pesan.
Statement throw
Pernyataan throw memungkinkan Anda membuat kesalahan khusus.
Secara teknis Anda bisa melempar pengecualian (membuat kesalahan).
Pengecualian dapat berupa String JavaScript, Angka, Boolean, atau Objek:
throw "Too big"; // throw a text throw 500; // throw a number
Jika Anda menggunakan throw bersama dengan try dan catch, Anda dapat mengontrol flow program dan menghasilkan pesan kesalahan khusus.
Contoh Validasi Input
Contoh ini membahas tentang inputan. Jika nilainya salah, pengecualian (err) dilemparkan.
Pengecualian (err) ditangkap oleh pernyataan catch dan pesan kesalahan kustom ditampilkan.
Contoh:
<!DOCTYPE html> <html> <body> <p> Harap masukkan angka antara 5 dan 10: </p> <input id="demo" type="text"> <button type="button" title="myFunction()">Test Input</button> <p id="p01"></p> <script> function myFunction() { var message, x; message = document.getElementById("p01"); 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>
HTML Validation
Kode di atas hanyalah sebuah contoh.
Browser modern akan sering menggunakan kombinasi JavaScript dan validasi HTML bawaan, menggunakan aturan validasi yang telah ditentukan sebelumnya yang ditentukan dalam atribut HTML:
<input id="demo" type="number" min="5" max="10" step="1">
Pernyataan finally
Pernyataan finally memungkinkan Anda mengeksekusi kode, setelah try dan catch, apa pun hasilnya.
Sintaks:
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 }
Contoh:
<!DOCTYPE html> <html> <body> <p> Harap masukkan angka antara 5 dan 10: </p> <input id="demo" type="text"> <button type="button" title="myFunction()">Test Input</button> <p id="p01"></p> <script> function myFunction() { var message, x; message = document.getElementById("p01"); 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 = "Input " + err; } finally { document.getElementById("demo").value = ""; } } </script> </body> </html>
Objek Kesalahan
JavaScript memiliki objek kesalahan bawaan yang memberikan informasi kesalahan saat terjadi kesalahan.
Objek kesalahan menyediakan dua properti yang berguna: nama dan pesan.
Properti Objek Kesalahan
PropertyDescriptionnameMengatur atau mengembalikan nama kesalahanmessageMengatur atau mengembalikan pesan kesalahan (string)Nilai dari Nama Kesalahan
Enam nilai berbeda dapat dikembalikan oleh properti nama kesalahan:
Error NameDeskripsiEvalErrorTerjadi kesalahan dalam fungsi eval ()RangeErrorTelah terjadi angka “di luar jangkauan”ReferenceErrorReferensi ilegal telah terjadiSyntaxErrorTerjadi kesalahan sintaksTypeErrorTelah terjadi kesalahan tipeURIErrorTerjadi kesalahan dalam encodeURI()Enam nilai berbeda dijelaskan di bawah ini.
Eval Error
EvalError menunjukkan kesalahan dalam fungsi eval().
Versi JavaScript yang lebih baru tidak menampilkan EvalError. Gunakan SyntaxError sebagai gantinya.
Range Error
RangeError dilemparkan jika Anda menggunakan angka yang berada di luar rentang nilai legal.
Misalnya: Anda tidak dapat mengatur jumlah digit signifikan sebuah angka menjadi 500.
Contoh:
<!DOCTYPE html> <html> <body> <h2>JavaScript Errors</h2> <p> Anda tidak dapat menyetel jumlah digit signifikan dari sebuah angka menjadi 500: </p> <p id="demo"> <script> var num = 1; try { num.toPrecision(500); } catch(err) { document.getElementById("demo").innerHTML = err.name; } </script> </body> </html>
Reference Error
ReferenceError dilempar jika Anda menggunakan (referensi) variabel yang belum dideklarasikan.
Contoh:
<!DOCTYPE html> <html> <body> <h2>JavaScript Errors</h2> <p> Anda tidak dapat menggunakan nilai dari variabel yang tidak ada: </p> <p id="demo"></p> <script> var x; try { x = y + 1; } catch(err) { document.getElementById("demo").innerHTML = err.name; } </script> </body> </html>
Syntax Error
SyntaxError muncul jika Anda mencoba mengevaluasi kode dengan kesalahan sintaks.
Contoh:
<!DOCTYPE html> <html> <body> <h2>JavaScript Errors</h2> <p> Anda tidak dapat mengevaluasi kode yang mengandung kesalahan sintaksis: </p> <p id="demo"></p> <script> try { eval("alert('Hello)"); } catch(err) { document.getElementById("demo").innerHTML = err.name; } </script> </body> </html>
Type Error
TypeError muncul jika Anda menggunakan nilai yang berada di luar kisaran tipe yang diharapkan:
try { Block of code to try } catch(err) { Block of code to handle errors }0
Kesalahan URI (Uniform Resource Identifier)
URIError muncul jika Anda menggunakan karakter ilegal dalam fungsi URI:
try { Block of code to try } catch(err) { Block of code to handle errors }1
Properti Objek Kesalahan Non-Standar
Mozilla dan Microsoft mendefinisikan beberapa properti objek kesalahan non-standar, seperti dibawah ini: