0Pricing
JavaScript Academy · Pelajaran

Field Kelas, Field Privat #, dan Anggota static

Buat kelas dengan field publik, sembunyikan data menggunakan field privat #, dan tambahkan properti/metode static

Field Kelas, Field Privat #, dan Anggota static adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 3 pelajaran total.

Mengapa kelas?

Tujuan: Membangun kelas yang kecil dan jelas.

  • Properti publik dan metode
  • Properti #private untuk menyembunyikan keadaan internal
  • Properti dan metode statis untuk pembantu tingkat kelas
  • Buat contoh tetap kecil dan mudah dibaca
Field Kelas, Field Privat #, dan Anggota static — ilustrasi 1

Properti publik dan konstruktor

Buat kelas dengan properti publik dan metode kecil; sederhanakan logika agar mudah dipahami pemula.

// Public fields and a simple method
class Counter {
  // public field with default
  value = 0;

  constructor(start) {
    // use a default if start is not provided
    this.value = Number.isFinite(start) ? start : 0;
  }

  inc() {
    this.value = this.value + 1;
  }
}

const c1 = new Counter(2);
c1.inc();
console.log("value:", c1.value); // 3
Field Kelas, Field Privat #, dan Anggota static — ilustrasi 2

Properti #private

Properti #private diterapkan oleh bahasa dan hanya dapat digunakan di dalam tubuh kelas. Sediakan metode pembacaan jika diperlukan.

// Private # fields hide internal state
class SafeCounter {
  // private field (only inside the class)
  #value = 0;

  constructor(start) {
    this.#value = Number.isFinite(start) ? start : 0;
  }

  inc() { this.#value = this.#value + 1; }
  getValue() { return this.#value; } // expose via method
}

const sc = new SafeCounter(5);
sc.inc();
console.log("safe value:", sc.getValue());

// External access fails (uncommenting the next line would throw):
// console.log(sc.#value);
Field Kelas, Field Privat #, dan Anggota static — ilustrasi 3

Pengambil nilai untuk pembacaan aman

Pengambil nilai dapat mengembalikan nilai turunan atau tervalidasi sambil menjaga properti tetap privat.

// Getters provide read-only views; simple guard logic
class User {
  #name = "Anonymous";
  constructor(name) {
    if (typeof name === "string" && name.trim().length > 0) {
      this.#name = name.trim();
    }
  }
  get name() {
    return this.#name;
  }
}

const u = new User(" Ayla ");
console.log("name:", u.name);
Field Kelas, Field Privat #, dan Anggota static — ilustrasi 4

Anggota statis

Anggota statis dipanggil pada kelas (misalnya, MathHelp.circleArea()), bukan pada instans.

// Static = belongs to the class, not to instances
class MathHelp {
  static PI = 3.14159;
  static circleArea(r) {
    if (!(typeof r === "number" && r >= 0)) return 0;
    return MathHelp.PI * r * r;
  }
}

console.log("PI:", MathHelp.PI);
console.log("area r=2:", MathHelp.circleArea(2));

// Instances do not have the static members:
const mh = new MathHelp();
console.log("instance has PI?", "PI" in mh); // false
Field Kelas, Field Privat #, dan Anggota static — ilustrasi 5

Kebiasaan yang ramah pemula

Kiat:

  • Utamakan kelas yang small dengan sedikit metode yang jelas.
  • Gunakan #private untuk privasi sejati; garis bawah hanya merupakan konvensi penamaan.
  • Tempatkan konstanta/utilitas pada anggota statis.
  • Sediakan metode pembacaan minimal jika Anda memerlukan akses dari luar.
Field Kelas, Field Privat #, dan Anggota static — ilustrasi 6

Kuis dasar properti privat

Cek cepat: Properti #private.

Field Kelas, Field Privat #, dan Anggota static — ilustrasi 7

Ringkasan

Ringkasan: Gunakan properti publik untuk keadaan sederhana, #private untuk menyembunyikan bagian internal, dan anggota statis untuk pembantu tingkat kelas. Buat setiap kelas tetap kecil dan mudah dibaca.

Field Kelas, Field Privat #, dan Anggota static — ilustrasi 8

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Field Kelas, Field Privat #, dan Anggota static” gratis?

Ya — teks lengkap “Field Kelas, Field Privat #, dan Anggota static” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 3 pelajaran total.

Apa yang akan aku pelajari di “Field Kelas, Field Privat #, dan Anggota static”?

Buat kelas dengan field publik, sembunyikan data menggunakan field privat #, dan tambahkan properti/metode static Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai JavaScript Academy?

Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 3.

Berapa lama pelajaran “Field Kelas, Field Privat #, dan Anggota static” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?

Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Field Kelas, Field Privat #, dan Anggota static
  2. Pewarisan, super, dan Kapan Memilih Komposisi
  3. Mixin (Cicipan) — Penggunaan Ulang Sederhana tanpa Hierarki Mendalam
← Kembali ke JavaScript Academy