Variabel JavaScript
4 Cara Mendeklarasikan Variabel JavaScript:
- Menggunakan
var - Menggunakan
let - Menggunakan
const - Tidak menggunakan apa-apa
Apa itu Variabel?
Variabel adalah wadah untuk menyimpan data (menyimpan nilai data).
Dalam contoh ini, x, y, dan z, adalah variabel, dideklarasikan dengan varkata kunci:
Contoh
var x = 5;
var y = 6;
var z = x + y;
Dalam contoh ini, x, y, dan z, adalah variabel, dideklarasikan dengan letkata kunci:
Contoh
let x = 5;
let y = 6;
let z = x + y;
Dalam contoh ini, x, y, dan z, adalah variabel yang tidak dideklarasikan:
Contoh
x = 5;
y = 6;
z = x + y;
Dari semua contoh di atas, Anda bisa menebak:
- x menyimpan nilai 5
- y menyimpan nilai 6
- z menyimpan nilai 11
Kapan Menggunakan JavaScript var?
Selalu deklarasikan variabel JavaScript dengan var, let, atau const.
Kata varkunci digunakan di semua kode JavaScript dari tahun 1995 hingga 2015.
Kata kunci letdan constditambahkan ke JavaScript pada tahun 2015.
Jika Anda ingin kode Anda berjalan di browser lama, Anda harus menggunakan var.
Kapan Menggunakan JavaScript const?
Jika Anda menginginkan aturan umum: selalu deklarasikan variabel dengan const.
Jika menurut Anda nilai variabel dapat berubah, gunakan let.
Dalam contoh ini, price1, price2, dan total, adalah variabel:
Contoh
const price1 = 5;
const price2 = 6;
let total = price1 + price2;
Kedua variabel price1dan price2
dideklarasikan dengan constkata kunci.
Ini adalah nilai konstan dan tidak dapat diubah.
Variabel totaldideklarasikan dengan letkata kunci.
Ini adalah nilai yang dapat diubah.
Seperti Aljabar
Sama seperti dalam aljabar, variabel memiliki nilai:
let x = 5;
let y = 6;
Sama seperti dalam aljabar, variabel digunakan dalam ekspresi:
let z = x + y;
Dari contoh di atas, Anda bisa menebak bahwa total yang dihitung menjadi 11.
Catatan
Variabel adalah wadah untuk menyimpan nilai.
Pengidentifikasi JavaScript
Semua variabel JavaScript harus diidentifikasi dengan nama unik .
Nama-nama unik ini disebut pengidentifikasi .
Pengidentifikasi dapat berupa nama pendek (seperti x dan y) atau nama yang lebih deskriptif (usia, jumlah, volume total).
Aturan umum untuk membangun nama untuk variabel (pengidentifikasi unik) adalah:
- Nama dapat berisi huruf, angka, garis bawah, dan tanda dolar.
- Nama harus diawali dengan huruf
- Nama juga dapat dimulai dengan $ dan _ (tetapi kami tidak akan menggunakannya dalam tutorial ini)
- Nama peka huruf besar/kecil (y dan Y adalah variabel yang berbeda)
- Kata-kata yang dicadangkan (seperti kata kunci JavaScript) tidak dapat digunakan sebagai nama
Catatan
Pengidentifikasi JavaScript peka terhadap huruf besar-kecil.
Operator Penugasan
Dalam JavaScript, tanda sama dengan ( =) adalah operator "tugas", bukan operator "sama dengan".
Ini berbeda dengan aljabar. Berikut ini tidak masuk akal dalam aljabar:
x = x + 5
Namun, dalam JavaScript, ini sangat masuk akal: ia memberikan nilai x + 5 ke x.
(Ini menghitung nilai x + 5 dan memasukkan hasilnya ke dalam x. Nilai x bertambah 5.)
Catatan
Operator "sama dengan" ditulis seperti ==di JavaScript.
Tipe Data JavaScript
Variabel JavaScript dapat menampung angka seperti 100 dan nilai teks seperti "John Doe".
Dalam pemrograman, nilai teks disebut string teks.
JavaScript dapat menangani banyak jenis data, tetapi untuk saat ini, pikirkan saja angka dan string.
String ditulis di dalam tanda kutip ganda atau tunggal. Angka ditulis tanpa tanda kutip.
Jika Anda memasukkan angka dalam tanda kutip, itu akan diperlakukan sebagai string teks.
Contoh
const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';
Mendeklarasikan Variabel JavaScript
Membuat variabel dalam JavaScript disebut "mendeklarasikan" variabel.
Anda mendeklarasikan variabel JavaScript dengan varatau letkata kunci:
var carName;
atau:
let carName;
Setelah deklarasi, variabel tidak memiliki nilai (secara teknis adalah undefined).
Untuk menetapkan nilai ke variabel, gunakan tanda sama dengan:
carName = "Volvo";
Anda juga dapat menetapkan nilai ke variabel saat Anda mendeklarasikannya:
let carName = "Volvo";
Pada contoh di bawah ini, kami membuat variabel yang disebut carNamedan menetapkan nilai "Volvo" padanya.
Kemudian kami "mengeluarkan" nilai di dalam paragraf HTML dengan id="demo":
Contoh
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Catatan
Ini adalah praktik pemrograman yang baik untuk mendeklarasikan semua variabel di awal skrip.
Satu Pernyataan Banyak Variabel
Anda dapat mendeklarasikan banyak variabel dalam satu pernyataan.
Mulai pernyataan dengan vardan pisahkan variabel dengan koma :
Contoh
let person = "John Doe", carName = "Volvo", price = 200;
Deklarasi dapat menjangkau beberapa baris:
Contoh
let person = "John Doe",
carName = "Volvo",
price = 200;
Nilai = tidak terdefinisi
Dalam program komputer, variabel sering dideklarasikan tanpa nilai. Nilai dapat berupa sesuatu yang harus dihitung, atau sesuatu yang akan diberikan kemudian, seperti input pengguna.
Variabel yang dideklarasikan tanpa nilai akan memiliki nilai
undefined.
Variabel carName akan memiliki nilai undefinedsetelah eksekusi pernyataan ini:
Contoh
let carName;
Mendeklarasikan Ulang Variabel JavaScript
Jika Anda mendeklarasikan ulang variabel JavaScript yang dideklarasikan dengan var, itu tidak akan kehilangan nilainya.
Variabel carNameakan tetap memiliki nilai "Volvo" setelah eksekusi pernyataan berikut:
Contoh
var carName = "Volvo";
var carName;
Catatan
Anda tidak dapat mendeklarasikan ulang variabel yang dideklarasikan dengan letor const.
Ini tidak akan berfungsi:
let carName = "Volvo";
let carName;
Aritmatika JavaScript
Seperti halnya aljabar, Anda dapat melakukan aritmatika dengan variabel JavaScript, menggunakan operator seperti =dan +:
Contoh
let x = 5 + 2 + 3;
Anda juga dapat menambahkan string, tetapi string akan digabungkan:
Contoh
let x = "John" + " " + "Doe";
Coba juga ini:
Contoh
let x = "5" + 2 + 3;
Catatan
Jika Anda memasukkan angka dalam tanda kutip, sisa angka akan diperlakukan sebagai string, dan digabungkan.
Sekarang coba ini:
Contoh
let x = 2 + 3 + "5";
Tanda Dolar JavaScript $
Karena JavaScript memperlakukan tanda dolar sebagai huruf, pengidentifikasi yang mengandung $ adalah nama variabel yang valid:
Contoh
let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;
Menggunakan tanda dolar tidak terlalu umum di JavaScript, tetapi programmer profesional sering menggunakannya sebagai alias untuk fungsi utama di perpustakaan JavaScript.
Di perpustakaan JavaScript jQuery, misalnya, fungsi utama
$digunakan untuk memilih elemen HTML. Di jQuery $("p");berarti "pilih semua elemen p".
Garis Bawah JavaScript (_)
Karena JavaScript memperlakukan garis bawah sebagai huruf, pengidentifikasi yang mengandung _ adalah nama variabel yang valid:
Contoh
let _lastName = "Johnson";
let _x = 2;
let _100 = 5;
Menggunakan garis bawah tidak terlalu umum dalam JavaScript, tetapi konvensi di antara programmer profesional adalah menggunakannya sebagai alias untuk variabel "pribadi (tersembunyi)".