JavaScript - Variabel
Hai sana, super bintang pemrograman masa depan! ? Selamat datang ke perjalanan menarik kita ke dunia variabel JavaScript. Sebagai guru ilmu komputer tetangga yang ramah, saya sangat gembira untuk mengantar Anda melalui konsep fundamental ini. Jadi, pasangkan topi thinking virtual Anda, dan mari kita masuk ke dalam!
Variabel JavaScript
Imaginasi Anda sedang mengatur sebuah pesta (karena siapa yang tidak menyukai pesta pemrograman yang bagus, kan?). Anda memerlukan tempat untuk menyimpan semua informasi penting - seperti berapa banyak pizza yang harus dipesan, siapa yang datang, dan apa permainan yang dimainkan. Di JavaScript, variabel adalah seperti wadah penyimpanan untuk rencana pesta Anda. Mereka menyimpan data yang kita butuhkan untuk membuat program kita berkerja.
mari mulai dengan contoh sederhana:
let partyGuests = 10;
Di sini, kita telah membuat variabel bernama partyGuests
dan memberikan nilai 10 kepadanya. Itu seperti menulis di catatan sticky, "Kami mengharapkan 10 tamu."
Deklarasi Variabel di JavaScript
Sekarang, mari bicarakan bagaimana kita benar-benar membuat variabel ini. Di JavaScript, kita memiliki tiga cara untuk mendeklarasikan variabel:
-
var
- Cara lama (tetap berkerja, tapi ada beberapa keanehan) -
let
- Anak baru yang keren (gunakan ini untuk variabel yang mungkin berubah) -
const
- Penjaga tak kenal takungan (gunakan ini untuk variabel yang tidak akan berubah)
mari lihat mereka dalam aksi:
var oldSchoolCool = "Saya adalah variabel var";
let modernAndFlexible = "Saya adalah variabel let";
const rockSolid = "Saya adalah variabel const";
Pertimbangkan var
sebagai rekaman vinil kakek Anda, let
sebagai CD yang dapat ditulis ulang, dan const
sebagai lagu favorit Anda yang Anda tidak ingin mengubah.
Inisialisasi Variabel menggunakan Operator Penugasan
Ingat tanda =
dari kelas matematika? Di JavaScript, itu disebut operator penugasan. Itu seperti tongkat ajaib yang memasukkan nilai ke dalam variabel kita:
let magicNumber; // Deklarasi
magicNumber = 42; // Inisialisasi
// Atau kita dapat melakukan keduanya sekaligus:
let theAnswerToEverything = 42;
Tips pro: Selalu inisialisasi variabel Anda. Itu seperti memastikan Anda telah memasukkan makanan di kulkas sebelum mengundang teman-teman!
Tipe Data JavaScript
JavaScript cukup fleksibel saat mengenai jenis data apa yang dapat kita simpan dalam variabel. Berikut adalah jenis utama:
Tipe Data | Contoh | Deskripsi |
---|---|---|
Number | let age = 25; |
Untuk nilai numerik |
String | let name = "Alice"; |
Untuk teks |
Boolean | let isAwesome = true; |
Untuk nilai benar/salah |
Undefined | let mystery; |
Untuk variabel tanpa nilai |
Null | let emptyBox = null; |
Untuk variabel kosong yang disengaja |
Object | let person = {name: "Bob", age: 30}; |
Untuk struktur data kompleks |
Array | let fruits = ["apple", "banana", "cherry"]; |
Untuk daftar item |
mari lihat mereka dalam aksi:
let myAge = 30;
let myName = "JavaScript Ninja";
let canCode = true;
let futureSkill;
let emptyMind = null;
let myProfile = {job: "Coder", hobby: "Minum kopi"};
let myTodoList = ["Belajar JS", "Bangun hal yang menakjubkan", "Ubah dunia"];
console.log(typeof myAge); // Output: number
console.log(typeof myName); // Output: string
console.log(typeof canCode); // Output: boolean
console.log(typeof futureSkill); // Output: undefined
console.log(typeof emptyMind); // Output: object (ini adalah keanehan di JavaScript!)
console.log(typeof myProfile); // Output: object
console.log(typeof myTodoList); // Output: object (array adalah jenis khusus objek di JS)
Nama Variabel JavaScript (Identifiers)
Menamai variabel adalah seperti menamai hewan peliharaan Anda - ada aturan, tapi Anda masih dapat kreatif! Berikut adalah aturan utama:
- Mulai dengan huruf, garis bawah (_), atau tanda dollar ($)
- Dapat mengandung huruf, angka, garis bawah, atau tanda dollar
- Case-sensitive (myVar ≠ myvar)
- Tidak dapat menggunakan kata kunci yang direservasi (seperti
let
,const
,function
, dll.)
Contoh yang bagus:
let camelCase = "Saya dinamai setelah hewan berbukit";
let _underscoreFirst = "Saya dimulai dengan garis bawah";
let $dollarSign = "Saya merasa kaya";
let mix123 = "Saya adalah campuran huruf dan angka";
Contoh yang kurang baik:
let 123abc = "Saya dimulai dengan angka, jadi saya invalid";
let my-variable = "Garis bawah tidak diizinkan dalam nama variabel";
let let = "Saya adalah kata kunci yang direservasi, jadi saya terlarang";
Tanda Dollar ($) dan Garis Bawah (_)
Tanda dollar ($) dan garis bawah (_) adalah karakter khusus di JavaScript. Mereka sering digunakan dalam nama pustaka atau untuk tujuan khusus:
let $_$ = "Saya adalah nama variabel yang valid, tapi saya terlihat aneh";
let _privateVariable = "Saya sering digunakan untuk menandai variabel pribadi";
let $jQueryObject = "Saya sering digunakan di jQuery untuk mewakili objek jQuery";
Nilai Variabel Tak Ditentukan di JavaScript
Ketika Anda mendeklarasikan variabel tanpa inisialisasi, itu mendapat nilai khusus yang disebut undefined
:
let myFuturecar;
console.log(myFuturecar); // Output: undefined
// Ini berbeda dari null:
let myEmptyGarage = null;
console.log(myEmptyGarage); // Output: null
Pertimbangkan undefined
sebagai "Saya lupa untuk memberikan nilai ini," dan null
sebagai "Saya sengaja meninggalkan ini kosong."
Rentang Variabel JavaScript
Rentang di JavaScript mirip dengan visibility seorang ninja. Beberapa variabel dapat dilihat di mana saja (rentang global), sedangkan yang lain hanya terlihat di area tertentu (rentang lokal).
let globalNinja = "Saya dapat dilihat di mana saja!";
function stealthMission() {
let localNinja = "Saya hanya dapat dilihat dalam fungsi ini";
console.log(globalNinja); // Ini berkerja
console.log(localNinja); // Ini juga berkerja
}
console.log(globalNinja); // Ini berkerja
console.log(localNinja); // Ini menyebabkan kesalahan - localNinja tidak didefinisikan di sini
Ingat, apa yang terjadi di Vegas... ya, di fungsi, tetap di sana (kecuali Anda secara eksplisit mengembalikannya).
Dan itu adalah, murid pemrograman saya! Anda telah meningkatkan keterampilan JavaScript Anda. Ingat, latihan membuat sempurna, jadi terus coding dan mencoba. Sebelum Anda tahu, Anda akan bermain variabel seperti penari profesional! ??♀️
Pemrograman yang gembira, dan maya variabel selalu berada di pihak Anda! ?✨
Credits: Image by storyset