Modul 2-4. Variable and Comment

Pendahuluan

Halo teman-teman semua selamat datang kembali di Javascript Course dari nusantech academy. Sebelum teman-teman melanjutkan membaca materi ini, diharapkan teman-teman sudah mengerti tentang materi sebelumnya, yaitu tentang browser console.

Variabel dan Komentar

Pada materi ini kita akan membahas tentang variabel dan komentar dalam bahasa pemrograman javascript. Petama, kita akan membahas tentang komentar dan cara membuat komentar.

Komentar

Dalam bahasa pemrograman ada dua jenis komentar, yaitu komentar satu baris dan komentar multi baris. Untuk membuat komentar satu baris dilakukan dengan cara menambahkan dua tanda / (slash atau garis miring) di awal baris. Contohnya: 

// Ini adalah komentar 1 baris

Selanjutnya untuk membuat komentar multi baris, dilakukan dengan cara menambahkan tanda /* (garis miring dan bintang atau asterik) pada awal baris lalu ditutup dengan tanda */ di akhir komentar. Contohnya :

/* Ini adalah komentar multi baris, baris pertama
baris kedua
baris ketiga
dst */

Variabel

Apa itu variabel ?

Variabel secara umum adalah tempat atau wadah yang digunakan untuk menyimpan sebuah nilai atau value. Value tersebut bisa dalam bentuk tipe data string, number, boolean dan lain sebagainya. Pengertian variabel bisa diilustrasikan seperti gambar di bawah ini:

Dalam ilustrasi di atas, ada tiga kotak dengan detail kotak pertama menyimpan value “Bob” dengan tipe data string, lalu di kotak kedua menyimpan value true dengan tipe data boolean, dan terakhir kotak ketiga memiliki value 35 dengan tipe data number. Ke tiga kotak tersebut adalah perumpamaan dari variabel yang memiliki value dengan tipe data yang berbeda-beda.

Untuk membedakan antara satu variabel dengan variabel lainnya, maka dibutuhkan penamaan variabel dengan nama yang spesifik. Jadi antara satu variabel dan variabel lainnya memiliki nama yang berbeda-beda. Dengan penjelasan ini, saya berharap teman-teman dapat memahami pengertian variabel.

Cara membuat variabel

Ada tiga cara yang bisa digunakan untuk membuat variabel dalam bahasa pemrograman javascript, yaitu dengan menggunakan keyword var, let dan const. Var adalah keyword yang digunakan untuk mendeklarasikan sebuah variabel yang sudah ada sejak awal bahasa javascript dibuat, sedangkan let dan const adalah keyword baru yang merupakan bagian dari update ECMAScript 2015 (ES 6).

Terdapat beberapa kelebihan dalam menggunakan keyword let dan const dibandingkan dengan keyword var, akan tetapi kebanyakan kelebihan tersebut berkaitan dengan scope variabel. Jadi hal tersebut akan kita bahas terpisah di materi scope variabel nanti. 

Penamaan variabel

Dalam penamaan variabel terdapat beberapa aturan yang perlu diingat, yaitu :

• Nama variabel tidak boleh mengandung spasi.
• Nama variabel harus diawali dengan huruf, underscore(_), atau lambang dollar ($).
• Nama variabel hanya boleh terdiri dari huruf, angka, underscore dan lambang dollar.
• Nama variabel bersifat case sensitive artinya huruf kapital atau huruf kecil berpengaruh dalam penamaan variabel.
• Nama variabel selain dari kata-kata yang sudah digunakan dalam bahasa javascript (Javascript reserved words).
• Penamaan variabel lebih dari satu kata, biasanya menggunakan cara:
  • Camel Case. Contohnya nama variabel firstName
  • Pascal Case. Contohnya nama variabel FirstName
  • Dengan menggunakan underscore. Contohnya nama variabel first_name

Contoh deklarasi variabel

Contoh pembuatan variabel dengan menggunakan keyword var dan kita tampilkan hasilnya di console:

var nama = “Budi Haryanto”;
console.log(nama);

Kita juga bisa merubah value atau melakukan reassign variabel nama di atas dengan cara:

var nama = "Budi Haryanto";
console.log(nama);
nama = "Ammar Budiharto";
console.log(nama);

Kita juga bisa mendeklarasikan sebuah variabel tanpa sebuah value, proses ini biasa disebut inisialisasi variabel. Contohnya:

var umur;
console.log(umur);

Berdasarkan hasil dari inisialisasi variabel umur diatas, variabel yang dideklarasikan tanpa value akan secara otomatis memiliki value undefined, yang artinya belum didefinisikan. Variabel ini nanti bisa diberikan value dengan cara melakukan reassign variabel tersebut.

var umur;
console.log(umur);
umur = 30;
console.log(umur);

Selanjutnya kita akan membahas cara mendeklarasikan variabel dengan menggunakan keyword kedua, yaitu let. Hampir sama dengan keyword var, kita bisa mendeklarasikan sebuah variabel dan kemudian mengganti value dari variabel tersebut. Contohnya:

console.log(kota);
kota = "Jakarta";
console.log(kota);

Deklarasi menggunakan keyword const, maka variabel tersebut valuenya tidak bisa diubah, sehingga akan muncul error ketika variabel tersebut diubah valuenya. Contohnya:

const tglLahir = "11 Januari 1980";
console.log(tglLahir);
tglLahir = '12 April 1980';
console.log(tglLahir);

Error yang serupa juga akan muncul ketika menginisialisasi variabel tanpa value. Contohnya: 

const alamat;
console.log(alamat);

Penutup

Jadi untuk mereview materi yang sudah kita bahas, terdapat dua jenis komentar dalam javascript, yaitu komentar satu baris dan komentar multi baris. Komentar berguna untuk proses debugging dan dokumentasi dari kode program yang telah dibuat. Cara mendeklarasikan variabel ada 3, yaitu dengan menggunakan keyword var, let dan const. Jika value dari variabel tersebut tidak akan diubah maka gunakanlah keyword const untuk mendeklarasikan variabel tersebut. Lalu, meskipun hampir sama dengan var, disarankan menggunakan keyword let dalam mendeklarasikan variabel yang kemungkinan valuenya akan berubah nantinya. Deklarasi variabel dengan menggunakan keyword var sudah jarang dilakukan, kecuali untuk mendukung web browser lama yang masih belum support penggunaan keyword let.

Baik teman-teman, saya rasa cukup untuk materi variabel dan komentar ini. Tetap semangat mengikuti Javascript Course dari Nusantech Academy.

Thank you and see you next time!

Javascript – 06 – Variable and Comment (Video) :

Quiz Time :

Quiz dapat dikerjakan disini :https://bit.ly/quizjs2-4