Calm Wednesday

YOW WHATSUP GAIS BACK TO CORNER RABU (Tanggal 11 Juni 2025)

Yow kali ini agak berbeda artikel nya,kenapa? Hehe soalnya yang ngetik artikel ini Hamdan Gen 13,So hari ini kita belajar tentang JAVASCRIPT CLASS dengan tenang,Santai,dan Bahagia

Soalnya hari ini gaada Pelajaran coy cuman classmeet yang membosankan hehe,well ya gw mau mbahas materinya dengan cara gw sendiri semoga kalian paham dengan materi ini yee

LETS GO!

1. Apa Itu JavaScript Class?

Bayangin kamu mau bikin banyak benda yang mirip, misalnya mobil. Semua mobil punya merk, warna, dan bisa dinyalakan.

Daripada kamu bikin kode untuk setiap mobil satu per satu, kamu bisa bikin cetakan (template) dulu. Cetakan inilah yang disebut Class.

Setelah Class dibuat, kamu tinggal cetak mobil sebanyak yang kamu mau. Setiap cetakan disebut objek.

• Analogi:
  Class = Cetakan kue
  Object = Kue hasil cetakan
• Kenapa Harus Pakai Class?

• Supaya kode lebih rapi
• Biar nggak nulis ulang kode yang sama
• Gampang bikin banyak objek dengan struktur yang sama
• Cocok untuk program besar dan kompleks
• Elemen-Elemen Penting di Dalam Class

1. class
   Digunakan untuk membuat class itu sendiri.

Contoh:
class Orang { }

2. constructor()
   Fungsi khusus yang langsung jalan waktu objek dibuat. Biasanya dipakai untuk ngisi data awal (seperti nama, umur, dll).

Contoh:
constructor(nama, umur) {
this.nama = nama;
this.umur = umur;
}

3. this
   Mengacu ke objek yang sedang dibuat atau dipakai.

Contoh:
this.nama berarti “nama milik objek ini”

4. Method
   Fungsi di dalam class, biasanya berisi aksi yang bisa dilakukan oleh objek.

Contoh:
sapa() {
console.log(Halo, saya ${this.nama});
}

• Contoh Lengkap Class Sederhana

class Orang {
constructor(nama, umur) {
this.nama = nama;
this.umur = umur;
}

sapa() {
console.log(Halo, saya ${this.nama}, umur saya ${this.umur} tahun.);
}
}

const orang1 = new Orang(“Budi”, 25);
orang1.sapa(); // Output: Halo, saya Budi, umur saya 25 tahun.

• Pewarisan (Inheritance)

Class bisa saling mewarisi. Misalnya class Karyawan mewarisi dari Orang. Karyawan jadi punya semua yang dimiliki Orang, ditambah miliknya sendiri.

Contoh:

class Karyawan extends Orang {
constructor(nama, umur, jabatan) {
super(nama, umur); // panggil constructor dari Orang
this.jabatan = jabatan;
}

kerja() {
console.log(${this.nama} sedang bekerja sebagai ${this.jabatan});
}
}

const karyawan1 = new Karyawan(“Sari”, 30, “Manager”);
karyawan1.sapa(); // Dari class Orang
karyawan1.kerja(); // Dari class Karyawan

• Elemen Tambahan Lain (opsional tapi penting)

• static: method yang bisa dipanggil tanpa buat objek
• get & set: cara mengakses atau mengatur nilai properti dengan aman
• private (#): properti yang hanya bisa diakses di dalam class
• super(): untuk akses constructor/method di class induk saat inheritance

• Di Mana Class Biasanya Dipakai?

• Di React (buat komponen UI)
• Di Node.js (buat model data, API)
• Di game (buat karakter, musuh, dll)
• Di aplikasi besar (buat struktur dan logika program biar rapi)

1. Ringkasan Sederhana

• Class = template/cetakan objek
• Bisa punya properti (data) dan method (aksi)
• Bisa diwariskan ke class lain
• Bikin kode lebih hemat, terstruktur, dan gampang dikelola

Yaa Segitu aja Untuk corner hari ini teman  teman,semoga artikel ini  bermanfaat bagi semua orang yang membacanya,jikalau ada salah tulisan bahkan materi yang diketik,kami mohon maaf sebesar besarnya,semoga kalian bisa paham dengan materi hari ini,sampai jumpa lagi di corner rabu berikutnya byeeeee