Bagaimana Cara Memperbaiki Javascript Error?

Apa itu JavaScript?

Javascript semakin populer sebagai salah satu bahasa pemrograman yang paling fleksibel dan banyak digunakan di internet. Itu dibuat untuk memungkinkan pengguna berinteraksi dengan skrip sisi klien.

Sejak itu, ia semakin populer sebagai bahasa pemrograman untuk pengembangan game dan pengembangan aplikasi desktop. IDE (integrated development environment) banyak digunakan untuk menulis dan men-debug kode JavaScript. Untuk menulis dan mengedit kode JavaScript, Anda dapat menggunakan editor JavaScript seperti Aptana Studio.

Jenis Kesalahan

Secara umum, ada dua jenis kesalahan yang akan Anda temui saat melakukan sesuatu yang salah dalam kode:

Kesalahan Sintaks

Ini adalah kesalahan pengejaan dalam kode Anda yang menyebabkan program tidak berjalan sama sekali atau berhenti beroperasi di tengah - biasanya Anda akan mendapatkan beberapa pesan kesalahan juga. Ini biasanya mudah dipecahkan selama Anda memiliki alat yang diperlukan dan memahami pesan kesalahan.

Kesalahan Logika

Ini adalah kesalahan di mana sintaksnya akurat tetapi kodenya tidak sesuai dengan yang Anda maksudkan, menghasilkan program yang berjalan tetapi menghasilkan hasil yang salah. Karena seringkali tidak ada pesan kesalahan yang mengarahkan Anda ke akar kesalahan, hal ini seringkali lebih sulit untuk diselesaikan daripada kesalahan sintaksis.

Bagaimana Cara Membaca Kesalahan?

Mari kita lihat sekilas struktur pesan kesalahan sebelum melanjutkan ke daftar. Memahami struktur akan membantu Anda memahami kesalahan, dan Anda akan mengalami lebih sedikit masalah jika menemukan kesalahan yang tidak disebutkan di sini.

Berikut ini adalah contoh kesalahan Chrome:

Uncaught TypeError: undefined is not a function

Berikut ini adalah struktur kesalahan:

TypeError yang tidak tertangkap

Bagian pesan ini jarang berguna. Kesalahan tidak ditangkap dalam pernyataan tangkap, dan TypeError adalah nama kesalahan.

tidak terdefinisi bukan fungsi

Di sinilah pesannya. Ketika datang ke pesan kesalahan, Anda harus memahaminya secara harfiah. Dalam situasi ini, misalnya, ini menandakan bahwa kode berusaha memanggil variabel yang bukan fungsi.

Safari dan browser berbasis webkit lainnya menampilkan error dengan cara yang mirip dengan Chrome. Kesalahan Firefox serupa tetapi tidak selalu termasuk bagian pertama, dan versi terbaru dari Internet Explorer juga menghasilkan kesalahan yang lebih sederhana daripada Chrome — namun lebih sederhana tidak secara otomatis berarti lebih baik dalam situasi ini.

Error JavaScript yang Umum

Tidak Menggunakan Braces (pernyataan if dan while)

Ketika hanya ada satu baris kode dalam pernyataan if atau while, tanda kurung kurawal dapat diabaikan. Namun, hal ini dapat membuat kode menjadi membingungkan, sehingga terkadang sulit untuk dibaca.

Tidak Menggunakan DOM Secara Efektif

Jika Anda menambahkan banyak elemen ke DOM, jangan lakukan sekaligus. Saat setiap elemen ditambahkan ke DOM, browser dipaksa untuk menggambar ulang seluruh halaman.

Menghilangkan titik koma

Titik koma digunakan untuk mengakhiri pernyataan dalam Javascript. Oleh karena itu, titik koma harus digunakan di akhir setiap pernyataan JavaScript. Beberapa orang tidak peduli karena kompiler secara otomatis menyisipkan titik koma. Ini sedikit berisiko karena sebagian besar bahasa pemrograman mengikuti konvensi ini, dan ada beberapa keadaan di mana kompiler tidak secara otomatis menyisipkan titik koma.

Menggunakan Variabel Global

Variabel dalam Javascript bersifat global. Artinya, file tersebut dapat diakses dari mana saja di dalam kode, serta dari file lain di halaman yang sama. Hal ini dapat mengakibatkan penimpaan nilai yang tidak diinginkan dalam kode.

Menggunakan == bukannya ===

Menggunakan double-equals bukannya triple-equals secara tidak sengaja. Operator double-equals mencoba mencocokkan dua nilai dengan mengubah salah satunya.

Berikut adalah beberapa solusi untuk memperbaiki masalah JavaScript di aplikasi kami, mulai dari dasar hingga lanjutan.

Muat ulang

Memuat ulang halaman web terkadang merupakan solusi paling sederhana. Ini adalah solusi kerumunan TI yang sudah terbukti benar: hidupkan dan matikan lagi.

Mungkin kami telah memperbaiki masalah tersebut, tetapi file belum diunggah, atau beberapa data hilang. Jika browser Anda menyimpan versi situs web atau aplikasi Anda yang buruk, ini juga dapat membantu menghapus riwayat dan cache Anda.<

Saat Google Chrome mengalami masalah dalam menjalankan situs web kami, kadang-kadang akan muncul pesan "Aw, Jepret!" pesan. Ini bisa jadi karena kesalahan JavaScript atau tidak; bagaimanapun, jangan panik dan cukup muat ulang situs web.

Verifikasi JavaScript Diaktifkan

Penting untuk diingat bahwa JavaScript dikonfigurasi secara berbeda di setiap browser. Selain itu, JavaScript berperilaku berbeda tergantung pada browser dan bagaimana setelan browser pengguna dikonfigurasi.

Misalnya, JavaScript memiliki bug keamanan tertentu, dan peretas mungkin memasukkan kode berbahaya ke dalam beberapa JavaScript. Akibatnya, JavaScript sering dinonaktifkan di berbagai browser untuk masalah keamanan. Karena itu, kita perlu memeriksa pengaturan browser kita untuk melihat apakah JavaScript diaktifkan.

Cross-site scripting (XSS) adalah kerentanan JavaScript yang memungkinkan kode berbahaya untuk inject ke situs web yang sah. Cacing "StalkDaily", misalnya, digunakan untuk menginfeksi Twitter.

Itu tidak terlihat sangat menarik, bukan?

Akibatnya, mematikan JavaScript mencegah masalah keamanan sekaligus menyebabkan kegagalan saat mengoperasikan aplikasi berbasis JavaScript.

Demikian pula, kita dapat melihat apakah kita memasang pemblokir pop-up yang menghalangi kita menggunakan elemen JavaScript kita, seperti opsi kotak peringatan. Dengan menggunakan pengaturan browser atau add-on kami, kami dapat mengizinkan atau menonaktifkan kotak pop-up.

Mari kita beralih ke beberapa topik lanjutan setelah kita membahas dasar-dasarnya.

Alat Pengembang Dalam Peramban

Alat pengembang dalam peramban sejauh ini merupakan alat paling berharga yang kami miliki untuk mengoreksi kesalahan JavaScript. Sebagian besar developer muda menggunakan Chrome untuk menjelajahi proyek web. Saat ini, orang menggunakan Firefox, Chrome, Safari, Microsoft Edge, Opera, atau Brave, tergantung pada kebutuhan mereka.

Firefox dan Chrome adalah browser paling populer di kalangan developer.

Untuk memulai, cukup rilis browser pilihan Anda dan cari alat pengembang di menu browser. Mulailah dengan melihat berbagai bagian atau alat konsol untuk mengetahui apakah ada kesalahan yang perlu diperbaiki.

Beberapa alat pengembangan juga memungkinkan kami untuk memeriksa apakah desain situs web kami sesuai untuk seluler.

Error JavaScript dapat diperiksa dengan alat developer, serta:

Saat ini memuat HTML dan CSS
penjelajah DOM
Tata letak
Animasi
Penggunaan memori
Log konsol
Debugger
Daftar berkas
Kode sumber

Dan, tergantung pada alat pengembang dalam peramban, masih banyak lagi.

Kompatibilitas Lintas-Browser

Seperti yang telah kami nyatakan, setiap browser menangani JavaScript secara berbeda. Ini berarti bahwa aplikasi kami mungkin tidak bekerja di semua browser, dan kami harus mengatasi masalah tersebut. Sayangnya, memunculkan kotak pop-up untuk membujuk pengunjung agar mengunduh adalah tindakan yang tidak masuk akal. Akibatnya, kami harus memastikan bahwa situs web kami kompatibel dengan semua browser internet berkali-kali.

Masalah kompatibilitas lintas-browser dengan JavaScript terutama berpusat pada kemampuan inti JavaScript kontemporer dan beberapa package JavaScript pihak ketiga atau asli.

Jadi, unduh setiap browser utama dan uji kompatibilitas browser satu per satu atau coba berbagai perangkat lunak pengujian kompatibilitas lintas-browser.

Tampilkan Hasil yang Diantisipasi Menggunakan console.log()

console.log() adalah fungsi yang menampilkan pesan di konsol browser kita. Selanjutnya, kami mencetak string dan variabel lain agar nilainya dapat dilihat. Ini adalah cara yang bagus bagi kami untuk melihat apakah fungsi kami mengembalikan hasil yang diharapkan.

Kesalahan ini mungkin tidak menghalangi aplikasi kita untuk berjalan, tetapi tetap merupakan kesalahan fungsional yang harus kita atasi.

Kita dapat, misalnya, mendefinisikan pendengar acara yang memeriksa apakah tombol tertentu ditekan. Saat event onClick terpicu, sebuah pesan muncul di konsol kami yang memverifikasi bahwa fungsi kami berfungsi.

Pengujian ini idealnya digunakan hanya selama tahap pengembangan proyek web, dan peristiwa console.log() harus dihapus dari hasil akhir.

document.addEventListener('click', function (event) {
  console.log("Clicked!");
}, false);

Demikian pula, kami dapat menggunakan kotak peringatan JavaScript dengan cara yang sama.

document.addEventListener('click', function (event) {
   alert("I am in a box with a " + str + "!");
}, false);

Akhirnya!!!

Kita harus dapat memperbaiki kesalahan JavaScript kita hanya dengan pemahaman dasar tentang cara kerja JavaScript dan beberapa prinsip pengkodean dasar. Selain kemampuan ini, kami memiliki akses ke ratusan sumber daya web yang dapat membantu kami menemukan kesalahan yang lebih sulit tersebut.