Tutorial Belajar JavaScript Part 9: Aturan Dasar Penulisan Kode Program JavaScript

Dalam tutorial pertama bagian Core JavaScript, kita akan mempelajari tentang Aturan Dasar Penulisan Kode Program JavaScript. Aturan yang akan kita bahas adalah tentang case sensitivity, whitespace, cara penulisan komentar, aturan penulisan identifier, reserved keyword, dan penulisan semicolon.


Perbedaan Penulisan Huruf (Case Sensitivity)

Di dalam JavaScript, penulisan huruf besar dan huruf kecil dibedakan, atau dalam istilah pemograman bersifat Case Sensitif. Hal ini berarti penulisan variabel , keyword, maupun nama fungsi di dalam JavaScript harus konsisten. Variabel nama, Nama, dan NAMA merupakan 3 variabel berbeda. Sedangkan untuk penulisan keyword while, harus ditulis dengan ‘while’, bukan ‘While’ atau ‘WHILE’.

Namun karena HTML sendiri tidak bersifat case-sensitif, kadang hal ini bisa mendatangkan permasalahan. Contohnya, jika menggunakan event handler, di dalam HTML kadang bisa ditulis: onclick, onClick, atau OnClick. Ketiga penulisan ini dibolehkan di dalam HTML. Akan tetapi untuk menghindari permasalahan, sebaiknya kita membuat kesepakatan untuk menggunakan huruf kecil untuk semua penulisan keyword dan variabel di dalam JavaScript.


Penggunaan Karakter Spasi, Enter, dan Tab (Whitespace)

Karakter-karakter spasi, enter, tab dan karakter lain yang ‘tidak kelihatan’ (sering dikenal dengan istilah whitespace) akan diabaikan pada saat pemrosesan JavaScript. Karakter-karakter ini bisa digunakan untuk ‘menjorokkan’ (indent) kode program agar lebih mudah dibaca.


Cara Penulisan Komentar dalam JavaScript

JavaScript mendukung 2 jenis cara penulisan komentar, yakni menggunakan karakater // untuk komentar dalam 1 baris, dan karakter pembuka komentar /* dan penutup */ untuk komentar yang mencakup beberapa baris.

Berikut adalah contoh penulisan komentar di dalam JavaScript:

<script>
   // ini adalah komentar dalam 1 baris
   /* Baris ini juga merupakan komentar */ //ini juga komentar
  
   /* Komentar ini
     mencakup beberapa
     baris
   */
  
   /*
   * Beberapa programmer
   * menambahkan tanda bintang
   * agar penulisan komentar
   * lebih rapi
   */
</script>

Aturan Penulisan Identifier (Variabel dan Nama Fungsi) JavaScript

Di dalam JavaScript, identifier adalah sebutan untuk nama. Nama ini bisa terdiri dari nama variabel, atau nama dari fungsi. Aturan penulisan identifier dalam JavaScript adalah :

  • Karakter pertama harus diawali dengan huruf, underscore (_) atau tanda dollar ($)
  • Karakter kedua dan seterusnya bisa ditambahkan dengan huruf, angka, underscore (_) atau tanda dollar ($).

Dari aturan tersebut dapat dilihat bahwa kita tidak bisa menggunakan angka sebagai karakter pertama dari sebuah variabel atau nama fungsi.

Berikut adalah contoh penulisan nama variabel yang dibolehkan:

<script>
   duniailkom
   $ilkom
   v12
   _karakter
   b3l4j4r
</script>

Namun karakter berikut tidak bisa digunakan sebagai identifier:

<script>
   %duniailkom   // terdapat karakter %
   dunia ilkom   // terdapat karakter spasi
   4ngka         // diawali dengan angka
   suka#suka     // terdapat karakter #
</script>

Kata Kunci (Reserved Keyword) JavaScript

Seperti bahasa pemograman lain, JavaScript juga memiliki beberapa kata kunci atau keyword yang tidak bisa digunakan sebagai nama variabel atau nama dari sebuah fungsi. Istilah ini sering disebut sebagai reserved keyword.

Reserved keyword merupakan kata kunci yang digunakan JavaScript dalam menjalankan fungsinya. Keyword di dalam JavaScript adalah sebagai berikut:

Kata Kunci dalam JavaScript (JavaScript Keyword) 6

Kata Kunci dalam JavaScript (JavaScript Keyword) 5

Kata Kunci dalam JavaScript (JavaScript Keyword) 4

Kata Kunci dalam JavaScript (JavaScript Keyword) 3

Kata Kunci dalam JavaScript (JavaScript Keyword) 2

Kata Kunci dalam JavaScript (JavaScript Keyword) 1

Sebagian dari nama keyword diatas bisa digunakan dalam situasi khusus (seperti nama dari method untuk objek), namun sedapat mungkin kita tidak menggunakannya agar tidak menimbulkan masalah di kemudian hari.


Aturan Penulisan Tanda Semicolon pada Akhir Baris

Berbeda dari kebanyakan bahasa pemograman, di dalam JavaScript karakter titik-koma (bahasa inggris: semicolon) sifatnya opsional untuk digunakan sebagai penanda akhir dari baris program, dan boleh tidak ditulis.

JavaScript ‘mendeteksi’ baris baru (karakter ‘break’) sebagai penanda akhir baris program. Kode perintah berikut berjalan sebagaimana mestinya di dalam JavaScript:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Belajar JavaScript</title>

<script>
   a=13
   b=a+2
   console.log(b)
   alert(b)
</script>

</head>
<body>
<h1>Belajar JavaScript</h1>
<p> Saya sedang belajar JavaScript di duniailkom.com </p>
</div>
</body>
</html>

Perhatikan bahwa di dalam tag <script> saya tidak menggunakan tanda semicolon untuk menutup baris perintah JavaScript, dan kode tersebut berjalan sukses tanpa menghasilkan error.

Namun javascript tidak akan ‘mendeteksi’ setiap baris baru sebagai penanda akhir baris program, perhatikan kode berikut ini:

<script>
   var a
   a
   =
   15
   console.log(a)
</script>

Kode tersebut akan diproses oleh JavaScript menjadi:

<script>
   var a; a = 15; console.log(a)
</script>

Akan tetapi, penulisan berikut ini:

<script>
   a = 5
   b = 3 + a
   (b + 10).toString()
</script>

Akan diproses menjadi:

<script>
   a = 5 ; b = 3 + a(b + 10).toString();
</script>

Hal ini terjadi karena JavaScript akan menganggap baris baru sebagai tanda semicolon (pemisah baris program) apabila pada saat memproses baris berikutnya sudah tidak mungkin ‘bersambung’. Penggunaan karakter pembuka kurung “(“ di awal baris baru, akan dianggap sebagai bagian sambungan dari baris sebelumnya.

Penggunaan tanda semicolon “;” walau bersifat opsional, namun sangat dianjurkan digunakan. Tanda semicolon akan membuat program lebih mudah dibaca dan tidak membuat ambigu seperti contoh kita diatas. Di dalam tutorial JavaScript di duniailkom ini, saya juga akan menggunakan tanda “;” pada setiap akhir baris.

Dalam tutorial kali ini kita telah membahas aturan dasar penulisan kode program dalam JavaScript. Dalam tutorial berikutnya, kita akan membahas Pengertian dan Cara Pembuatan Variabel di dalam JavaScript.


eBook JavaScript Uncover Duniailkom
JavaScript sudah menjadi fitur wajib di setiap website modern. Duniailkom telah menyusun eBook JavaScript Uncover yang membahas JavaScript dengan lebih detail dan lebih lengkap, mulai dari dasar hingga konsep DOM, Event dan AJAX. Penjelasan lebih lanjut bisa ke eBook JavaScript Uncover Duniailkom.

Tutorial Terkait:

8 Comments

    • Andre
      20 Nov 15
  1. senrif
    22 Jul 16
  2. dion
    27 Jul 16
  3. Eko
    01 Jun 17
  4. diki
    12 Jul 17
  5. iid judin
    16 Aug 17
  6. Tomo Koeswoyo
    26 Oct 17

Add Comment