JavaScript Modern: Struktur Kode

Hal pertama yang akan kita pelajari adalah tentang kode.

Statement

Statement merupakan konstruksi Syntax (penulisan) dan perintah agar dapat menjalankan suatu aksi.

Kita sudah melihat Statement pada pelajaran sebelumnya, alert('Halo Dunia!'), yang akan menampilkan pesan "Halo Dunia!".

Kita dapat menggunakan banyak Statement didalam kode yang kita buat. Statement dapat di pisahkan dengan menggunakan titik koma (;).

Contoh, disini kami membagi kata "Halo Dunia!" menjadi dua pesan:
alert('Halo'); alert('Dunia!');

Biasanya, Statement ditulis dengan menggunakan paragraf baru agar dapat mudah dibaca:
alert('Halo');
alert('Dunia!');

Titik Koma

Anda juga dapat menghilangkan titik koma, kode berikut juga dapat bekerja:
alert('Halo')
alert('Dunia!')

Disini, JavaScript mengartikan baris baru menjadi titik koma. Hal itu dinamkan Automatic Semicolon Insertion.

Dalam banyak kasus, baris baru diartikan sebagai titik koma. Tetapi "dalam banyak kasus juga" titik koma tidak "selalu" memiliki arti.

Berikut adalah contoh ketika baris baru tidak diartikan sebagai titik koma:
alert(3 +
1
+ 2);

Hasil Output yang akan muncul adalah 6 karena disini JavaScript tidak memasukan titik koma.

Sangat jelas bahwa baris baru diakhiri dengan tanda tambah (+), kemudian itu dinamakan "Incomplete Expression", jadi titik koma tidak dibutuhkan.

Tetapi terdapat situasi dimana JavaScript "gagal" mengasumsikan sebuah titik koma ketika sedang dibutuhkan.

Kesalahan dapat terjadi kapan saja dan dalam beberapa kasus, kesalahan sangatlah sulit untuk ditemukan dan diperbaiki.

Contoh Kesalahan

Jika anda ingin mengetahui contoh kesalahan, lihatlah kode berikut:
[1, 2].forEach(alert)

Untuk sekarang, anda tidak perlu pusing tentang arti dari tanda kurung [] dan forEach.  Kita akan mempelajarinya nanti. Sekarang, kita hanya harus mengingat hasil dari kode diatas.

Sekarang, mari kita tambahkan alert sebelum kode dan jangan beri titik koma:
alert("Akan terjadi kesalahan")
[1, 2].forEach(alert)

Sekarang jika kita menjalankan kode, hanya pesan alert pertama yang akan muncul dan kemudian kita akan melihat pesan Error.

Tetapi semuanya akan menjadi baik jika kita menambahkan titik koma setelah alert:
alert("Semuanya sudah benar);
[1, 2].forEach(alert)

Sekarang kita telah melihat pesan "Semuanya sudah benar" diikuti dengan 1 dan 2.

Kesalahan ketika kita tidak menggunakan titik koma dapat bermacam-macam karena JavaScript tidak mengasumsikan sebuah titik koma sebelum tanda kurung [...].

Jadi, karena titik koma tidak dimasukkan secara otomatis, kode pada contoh pertama dapat diperbaiki sebagai Statement tunggal. Berikut adalah bagaimana Engine melihat kode tersebut:
alert("There will be an error")[1, 2].forEach(alert)

Pada kode diatas akan muncul pesan Error. Hal tersebut dapat terjadi pada situasi yang berbeda.

Kami merekomendasikan untuk menggunakan titik koma diatara Statement. Mari kita catat - Sangatlah mungkin untuk tidak menggunakan titik koma. Tetapi demi kenyamanan - pastikan untuk menggunakannya.

Komentar

Semakin berjalannya waktu, program menjadi lebih kompleks. Komentar dapat digunakan untuk menjelaskan bagaimana dan mengapa kode itu bekerja.

Komentar dapat diletakkan dimanapun pada Script dan tidak akan memberikan efek apapun ketika Script dijalankan. Hal tersebut dapat terjadi karena Engine akan mengabaikannya.

One-Line Comments dapat ditulis dengan dua garis miring //.
berikut adalah contoh penulisan One-Line Comments:
// Komentar yang memiliki baris sendiri
alert('Halo');
alert('Dunia'); // Komentar digabungkan dengan baris lain

Multiline Comments diawali dengan garis miring dan tanda bintang /* dan diakhiri dengan tanda bintang dan garis miring */.
Contoh:
/* Contoh komentar yang memiliki dua pesan.
Ini adalah Multiline Comments
*/
alert('Halo');
alert('Dunia');

Konten dari komentar akan diabaikan, jadi kita dapat memasukkan konten didalam kode /* … */.

Terkadang, komentar juga dapat berfungsi untuk menonaktifkan kode.
/* Komentar
alert('Halo');
*/
alert('Dunia);

Gunakan Hotkey

Pada banyak Editor, baris kode dapat dikomentari dengan menekan Ctrl + / pada Keyboard untuk Single-Line Comment dan terkadang juga dapat menggunakan Ctlr + Shift + / untuk Multiline Comments (Blok beberapa kode dan tekan Hotkey).

Jangan Menggunakan Sub-Komentar

Lebih jelasnya jangan mengguanakan /*...*/ didalam /*...*/.

Kode berikut akan menghasilkan Error:
/*
/* Sub-Komentar ?!? */
*/
alert( 'Dunia!' );

Terdapat banyak tool yang dapat meminimaliskan kode sebelum di publikasikan ke Server. Tool tersebut akan menghapus komentar. Tetapi, komentar tidak akan memberikan efek negatif bagi anda.

Selanjutnya, anda akan mempelajari Kualitas Kode yang akan menjelaskan tentang bagaimana cara menulis komentar dengan baik.

0Komentar

Sebelumnya Selanjutnya