Cara Memperbaiki Akhir Kesalahan Input yang Tidak Terduga di JS

Pemformatan kode. Tab atau spasi, titik koma atau tanpa titik koma. Ini adalah subjek yang cukup kontroversial bagi banyak orang tetapi cukup penting dalam beberapa kasus. Jika Anda berada di tim, memiliki format kode yang kohesif membantu keterbacaan kode di antara rekan-rekan Anda. Bahkan jika Anda bekerja sendiri, satu manfaat besar dari memiliki pemahaman yang baik tentang pemformatan kode adalah menghindari kesalahan sintaksis.

JavaScript cukup terbuka dalam hal format kode. Ada berbagai cara berbeda untuk memformat basis kode Anda dalam bahasa ini. Apa yang bisa terjadi jika Anda tidak melakukannya? Nah, contoh kesalahan sederhana yang sering disebabkan oleh masalah pemformatan kode adalah Unexpected end of input kesalahan. Bagaimana cara kerjanya?

Masalah

Ketika kode JavaScript dijalankan, ia menggunakan kompilasi tepat waktu (JIT) untuk mengubah kode Anda menjadi sesuatu yang dapat dilakukan komputer. Ketika ini terjadi, kode Anda dibaca dan hal-hal tertentu diharapkan tentang kode tersebut, misalnya memiliki tanda kurung yang cocok. Jika Anda menerima Unexpected end of input kesalahan, kemungkinan Anda kehilangan kurung kurawal penutup } jadi kesalahannya pada dasarnya mengatakan “Anda membuka kurung kurawal tetapi kode berakhir sebelum ditutup”.

Berikut ini contohnya:

const writeHelloWorld = () => {
  console.log('hello world')

writeHelloWorld();
Code language: JavaScript (javascript)

Seperti yang Anda lihat, kode tersebut jelas kehilangan tanda kurung kurawal akhir di akhir fungsi panah yang menyebabkan kesalahan. Jadi bagaimana pemformatan kode yang disebutkan sebelumnya cocok dengan ini? Mari kita lihat contoh yang lebih nyata:

const items = ['one', 'two', 'three'];

function parseItems() {
  for (let i = 0; i < items.length; i++) {
    if (items[i]) {
    console.log(items[i])
  }
}

parseItems();
Code language: JavaScript (javascript)

Dalam contoh ini, sedikit kurang jelas di mana kesalahannya. Indentasinya tidak terlalu konsisten sehingga Anda mungkin tidak memperhatikan bahwa if pernyataan sebenarnya tidak memiliki kurung kurawal setelah itu menyebabkan kesalahan.

Solusinya

Untungnya ini cukup mudah untuk diperbaiki — Anda bisa menambahkan kurung kurawal yang hilang. Dalam contoh di atas:

const items = ["one", "two", "three"];

function parseItems() {
  for (let i = 0; i < items.length; i++) {
    if (items[i]) {
      console.log(items[i]); 
    } 
  }
}

parseItems();
Code language: JavaScript (javascript)

Pasti sulit untuk menemukan kurung kurawal yang hilang. Tergantung pada editor kode pilihan Anda, Anda mungkin dapat mengonfigurasi warna yang berbeda untuk setiap pasang kurung kurawal sehingga lebih mudah untuk melihat mana yang cocok dan mana yang tidak.

Pendekatan lain adalah mencoba dan menghindari kesalahan ini sejak awal. Menggunakan alat pemformatan seperti Lebih cantik atau alat linting seperti ESLint dapat membantu banyak, setidaknya dalam pengalaman saya.

Akhir input JSON yang tidak terduga

Ada kemungkinan Anda menerima kesalahan dengan nama yang sama tetapi sedikit berbeda: Unexpected end of JSON input. Daripada sekadar kurung kurawal yang hilang, kesalahan ini sering terjadi saat Anda mencoba mengurai string JSON yang tidak memiliki kurung kurawal itu sendiri. Berikut ini contohnya:

const parseJson = (input) => JSON.parse(input);

const validJson = JSON.stringify({ hello: "world" });

const invalidJson = "{";

console.log(parseJson(validJson)); 
console.log(parseJson(invalidJson)); 
Code language: JavaScript (javascript)

Ini dapat dengan mudah diperbaiki dengan memastikan string yang Anda parsing adalah JSON yang valid jika Anda memiliki kendali atas string itu. Jika tidak, Anda dapat membungkus semuanya dengan try / catch agar selamat. Menggunakan contoh sebelumnya:

const parseJson = (input) => {
  try {
    return JSON.parse(input);
  } catch (error) {
    return "error parsing input";
  }
};
Code language: JavaScript (javascript)

Jika Anda menambahkan ini ke parseJson fungsi, Anda sekarang dapat menangani string JSON yang tidak valid daripada mendapatkan kesalahan runtime yang tidak terduga.

Kesimpulan

Semoga ini membantu Anda melihat betapa bergunanya pemformatan kode dalam kode Anda, baik Anda bekerja dengan tim atau sendirian. Beri tahu kami jika Anda memiliki alasan lain mengapa pemformatan bisa sangat berguna atau bagaimana Anda melakukannya dalam pengaturan kode Anda sendiri. Terima kasih sudah membaca!