Variabel JavaScript

Dalam tutorial ini, Anda akan mempelajari tentang variabel JavaScript dan bagaimana menggunakan variabel untuk menyimpan nilai dalam aplikasi.

Variabel adalah label yang merujuk pada nilai seperti angka atau string. Sebelum menggunakan variabel, Anda perlu mendeklarasikannya.

Mendeklarasikan Variabel

Untuk mendeklarasikan variabel, gunakan kata kunci var diikuti oleh nama variabel seperti berikut:

var pesan;

Nama variabel dapat menjadi pengidentifikasi valid apa pun. Secara default, variabel pesan memiliki nilai khusus undefined jika Anda belum memberikan nilai kepadanya.

Aturan nama variabel:

• Nama variabel bersifat case-sensitive. Ini berarti variabel pesan dan Pesan adalah variabel yang berbeda.
• Nama variabel hanya dapat berisi huruf, angka, garis bawah, atau tanda dolar dan tidak dapat mengandung spasi. Selain itu, nama variabel harus dimulai dengan huruf, garis bawah (_) atau tanda dolar ($).
• Nama variabel tidak boleh menggunakan kata-kata yang sudah dipesan.
• Secara konvensi, nama variabel menggunakan gaya camelCase seperti pesan, usiaAnda, dan namaSaya.

JavaScript adalah bahasa yang bertipe dinamis. Ini berarti Anda tidak perlu menentukan tipe variabel dalam deklarasinya seperti bahasa yang bertipe statis seperti Java atau C#.

Mulai dari ES6, Anda dapat menggunakan kata kunci let untuk mendeklarasikan variabel seperti ini:

let pesan;

Sebaiknya menggunakan kata kunci let untuk mendeklarasikan variabel. Nantinya, Anda akan mempelajari perbedaan antara kata kunci var dan let. Namun, Anda tidak perlu khawatir tentang hal itu sekarang.

Menginisialisasi Variabel

Setelah Anda mendeklarasikan variabel, Anda dapat menginisialisasinya dengan nilai. Untuk menginisialisasi variabel, tentukan nama variabel, diikuti oleh tanda sama dengan (=), dan nilai.

Contohnya, berikut mendeklarasikan variabel pesan dan menginisialisasinya dengan string literal “Hello”:

let pesan;
pesan = "Hello";

Untuk mendeklarasikan dan menginisialisasi variabel sekaligus, gunakan sintaks berikut:

let namaVariabel = nilai;

Misalnya, pernyataan berikut mendeklarasikan variabel pesan dan menginisialisasinya dengan string literal “Hello”:

let pesan = "Hello";

JavaScript memungkinkan Anda mendeklarasikan dua atau lebih variabel menggunakan satu pernyataan. Untuk memisahkan dua deklarasi variabel, gunakan koma (,) seperti ini:

let pesan = "Hello",
    hitungan = 100;

Karena JavaScript adalah bahasa yang bertipe dinamis, Anda dapat memberikan nilai dari jenis yang berbeda ke variabel. Meskipun demikian, hal ini tidak disarankan. Contohnya:

let pesan = 'Hello';
pesan = 100;

Mengubah Variabel

Setelah Anda menginisialisasi variabel, Anda dapat mengubah nilainya dengan memberikan nilai yang berbeda. Contohnya:

let pesan = "Hello";
pesan = 'Bye';

Variabel Terdefinisi vs. Variabel Tidak Dideklarasikan

Penting untuk membedakan antara variabel yang tidak terdefinisi dan tidak dideklarasikan.

Variabel yang tidak terdefinisi adalah variabel yang sudah dideklarasikan tetapi belum diinisialisasi dengan nilai. Contohnya:

let pesan;
console.log(pesan); // undefined

Pada contoh ini, variabel pesan dideklarasikan tetapi belum diinisialisasi. Oleh karena itu, variabel pesan bernilai undefined.

Sebaliknya, variabel yang tidak dideklarasikan adalah variabel yang belum dideklarasikan sama sekali. Contohnya:

console.log(hitungan);

Keluaran:

console.log(hitungan);
            ^
ReferenceError: hitungan is not defined

Pada contoh ini, variabel hitungan belum dideklarasikan. Oleh karena itu, mengaksesnya menyebabkan ReferenceError.

Konstan

Konstanta menyimpan nilai yang tidak berubah. Untuk mendeklarasikan konstanta, gunakan kata kunci const. Saat mendefinisikan konstanta, Anda perlu menginisialisasinya dengan nilai. Contohnya:

const hariKerja = 5;

Setelah Anda mendefinisikan konstanta, Anda tidak dapat mengubah nilainya.

Contoh berikut mencoba mengubah nilai konstanta hariKerja menjadi 4 dan menyebabkan error:

hariKerja = 2;

Error:

Uncaught TypeError: Assignment to constant variable.

Nantinya, Anda akan mempelajari bahwa kata kunci const sebenarnya mendefinisikan referensi baca-saja ke nilai dalam tutorial konstan.

Ringkasan

• Variabel adalah label yang merujuk pada nilai.
• Gunakan kata kunci let untuk mendeklarasikan variabel.
• Variabel yang tidak terdefinisi adalah variabel yang sudah dideklarasikan tetapi belum diinisialisasi, sementara variabel yang tidak dideklarasikan adalah variabel yang belum dideklarasikan.
• Gunakan kata kunci const untuk mendefinisikan referensi baca-saja ke nilai.