Dalam tutorial ini, Anda akan belajar tentang JavaScript Variable dan Constant, dan juga cara menginisialisasi dan menggunakannya dengan bantuan contoh.
JavaScript Variable
Dalam pemrograman, variabel adalah wadah (tempat penyimpanan) untuk menyimpan data. Sebagai contoh,
let num = 5;
Di sini, num adalah sebuah variabel. Ini menyimpan 5.
JavaScript Declare Variables
Dalam JavaScript, kami menggunakan kata kunci var atau let untuk mendeklarasikan variabel. Sebagai contoh,
var x;
let y;
Di sini, x dan y adalah variabel.
JavaScript var Vs let
Baik var dan let digunakan untuk mendeklarasikan variabel. Namun, ada beberapa perbedaan di antara mereka.
var | let |
---|---|
var digunakan dalam JavaScript versi lama | let adalah cara baru untuk mendeklarasikan variabel mulai dari ES6 (ES2015). |
var adalah cakupan fungsi (akan dibahas di tutorial selanjutnya). | let adalah block scoped (akan dibahas di tutorial selanjutnya). |
Misalnya, var x; | Misalnya, misalkan y; |
Catatan: Disarankan kita menggunakan let daripada var. Namun, ada beberapa browser yang tidak mendukung let. Kunjungi JavaScript let support browser untuk mempelajari lebih lanjut.
JavaScript Menginisiliasasi Variables
Kami menggunakan assignment operator = untuk menetapkan nilai ke variabel.
let x;
x = 5;
Di sini, 5 assign ke variabel x.
Anda juga dapat menginisialisasi variabel selama deklarasi.
let x = 5;
let y = 6;
Dalam JavaScript, dimungkinkan untuk mendeklarasikan variabel dalam satu pernyataan.
let x = 5, y = 6, z = 7;
Jika Anda menggunakan variabel tanpa menginisialisasi, itu akan memiliki nilai yang tidak ditentukan.
let x; // x is the name of the variable
console.log(x); // undefined
Di sini x adalah nama variabel dan karena tidak mengandung nilai apa pun, maka tidak akan terdefinisi (undifined).
Anda akan belajar tentang tipe data yang tidak terdefinisi dan lainnya di tutorial berikutnya secara mendetail.
Ubah Nilai Variable
Dimungkinkan untuk mengubah nilai yang disimpan dalam variabel. Sebagai contoh,
// 5 is assigned to variable x
let x = 5;
console.log(x); // 5
// vaue of variable x is changed
x = 3;
console.log(x); // 3
Nilai suatu variabel dapat bervariasi. Oleh karena itu, namanya variabel.
Aturan Penamaan JavaScript Variable
Aturan penamaan variabel adalah :
- Nama variabel harus dimulai dengan huruf, garis bawah _, atau tanda dolar $. Sebagai contoh,
//valid let a = 'hello'; let _a = 'hello'; let $a = 'hello';
- Nama variabel tidak boleh dimulai dengan angka. Sebagai contoh,
//invalid Let 1a = 'hello'; // this gives an error
- JavaScript peka terhadap huruf besar-kecil. Jadi y dan Y adalah variabel yang berbeda. Sebagai contoh,
let y = "hi"; let Y = 5; console.log(y); // hi console.log(Y); // 5
- Keywords tidak dapat digunakan sebagai nama variabel. Sebagai contoh,
//invalid let new = 5; // Error! new is a keyword.
Catatant:
- Meskipun Anda dapat memberi nama variabel dengan cara apa pun yang Anda inginkan, sebaiknya berikan nama variabel deskriptif. Jika Anda menggunakan variabel untuk menyimpan jumlah apel, lebih baik menggunakan apel atau jumlahApel daripada x atau n.
- Dalam JavaScript, nama variabel umumnya ditulis dalam camelCase jika memiliki banyak kata. Misalnya, nama depan, Gaji tahunan, dll.
JavaScript Constants
Kata kunci const juga diperkenalkan di versi ES6(ES2015) untuk membuat constant. Sebagai contoh,
const x = 5;
Setelah constant diinisialisasi, kita tidak dapat mengubah nilainya.
const x = 5;
x = 10; // Error! constant cannot be changed.
console.log(x)
Sederhananya, constant adalah jenis variabel yang nilainya tidak dapat diubah.
Selain itu, Anda tidak dapat mendeklarasikan sebuah constant tanpa menginisialisasinya. Sebagai contoh,
const x; // Error! Missing initializer in const declaration.
x = 5;
console.log(x)
Catatan: Jika Anda yakin bahwa nilai variabel tidak akan berubah sepanjang program, disarankan untuk menggunakan const. Namun, ada beberapa browser yang tidak mendukung const. Kunjungi dukungan browser JavaScript const untuk mempelajari lebih lanjut.
Demikianlah tutorial JavaScript Variable dan Constant. Semoga bermanfaat.