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!

JavaScript - Variables

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:

  1. var - Cara lama (tetap berkerja, tapi ada beberapa keanehan)
  2. let - Anak baru yang keren (gunakan ini untuk variabel yang mungkin berubah)
  3. 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:

  1. Mulai dengan huruf, garis bawah (_), atau tanda dollar ($)
  2. Dapat mengandung huruf, angka, garis bawah, atau tanda dollar
  3. Case-sensitive (myVar ≠ myvar)
  4. 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