0Pricing
JavaScript Academy · Pelajaran

Rantai Prototipe dan Dasar Properti Milik Sendiri

Pelajari dasar rantai prototipe; periksa properti milik sendiri dan properti warisan; gunakan Object.create; atur deskriptor sederhana

Rantai Prototipe dan Dasar Properti Milik Sendiri adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 2. 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 2 pelajaran total.

Pengantar prototipe

Tujuan: Pahami cara objek mewarisi melalui rantai prototipe dan cara membedakan kunci milik sendiri dari kunci yang diwariskan.

  • Rantai prototipe
  • hasOwn vs in
  • Object.create
  • Deskriptor dasar
Rantai Prototipe dan Dasar Properti Milik Sendiri — ilustrasi 1

Pencarian pada prototipe

Jika kunci tidak ditemukan pada objek, JavaScript akan memeriksa prototipe-nya, misalnya Object.prototype.

// A simple object
const user = { name: "Ayla" };

// The prototype is another object used for fallback lookups
const proto = Object.getPrototypeOf(user);

console.log("name:", user.name);
console.log("has toString?", typeof user.toString === "function");
console.log("proto same as Object.prototype?", proto === Object.prototype);
Rantai Prototipe dan Dasar Properti Milik Sendiri — ilustrasi 2

Milik sendiri vs diwariskan

Object.hasOwn(obj, key) mengembalikan benar hanya untuk kunci milik sendiri. "key" in obj juga mencakup kunci yang diwariskan.

// Own vs inherited checks
const point = { x: 1 };

// "in" sees own or inherited
console.log("x in point:", "x" in point);
console.log("toString in point:", "toString" in point);

// Only own keys
console.log("hasOwn x:", Object.hasOwn(point, "x"));
console.log("hasOwn toString:", Object.hasOwn(point, "toString"));
Rantai Prototipe dan Dasar Properti Milik Sendiri — ilustrasi 3

Dasar-dasar Object.create

Object.create(proto) membuat objek yang mewarisi dari proto.

// Use Object.create to set a prototype
const animal = { kind: "animal" };

// pet inherits from animal
const pet = Object.create(animal);
pet.name = "Milo";

console.log("pet name:", pet.name);
console.log("pet kind (inherited):", pet.kind);
console.log("hasOwn kind?", Object.hasOwn(pet, "kind"));
Rantai Prototipe dan Dasar Properti Milik Sendiri — ilustrasi 4

Deskriptor (singkat)

Object.defineProperty dapat menetapkan tanda seperti dapat ditulis dan dapat dihitung untuk sebuah kunci.

// Define simple descriptors
const prefs = {};
Object.defineProperty(prefs, "theme", {
  value: "dark",
  writable: false,
  enumerable: true
});

// Try to change (silently fails in non-strict)
prefs.theme = "light";

console.log("theme:", prefs.theme);

// List keys: theme is enumerable
console.log("keys:", Object.keys(prefs));
Rantai Prototipe dan Dasar Properti Milik Sendiri — ilustrasi 5

Kiat dan daftar periksa

Kiat:

  • Gunakan Object.hasOwn(obj, key) untuk menguji kunci milik sendiri.
  • Utamakan Object.create(proto) untuk membuat prototipe kecil.
  • Pada awalnya, gunakan deskriptor secukupnya; nilai bawaan sudah memadai.
Rantai Prototipe dan Dasar Properti Milik Sendiri — ilustrasi 6

Kuis milik sendiri vs diwariskan

Pemeriksaan cepat: Pengujian properti milik sendiri.

Rantai Prototipe dan Dasar Properti Milik Sendiri — ilustrasi 7

Ringkasan

Ringkasan: Mesin mencari kunci yang hilang pada prototipe. Gunakan hasOwn hanya untuk kunci milik sendiri, Object.create untuk menetapkan prototipe, dan deskriptor untuk mengendalikan tanda dasar.

Rantai Prototipe dan Dasar Properti Milik Sendiri — ilustrasi 8

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Rantai Prototipe dan Dasar Properti Milik Sendiri” gratis?

Ya — teks lengkap “Rantai Prototipe dan Dasar Properti Milik Sendiri” 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 2 pelajaran total.

Apa yang akan aku pelajari di “Rantai Prototipe dan Dasar Properti Milik Sendiri”?

Pelajari dasar rantai prototipe; periksa properti milik sendiri dan properti warisan; gunakan Object.create; atur deskriptor sederhana 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 2.

Berapa lama pelajaran “Rantai Prototipe dan Dasar Properti Milik Sendiri” 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. Rantai Prototipe dan Dasar Properti Milik Sendiri
  2. Sintaks Kelas (Pratinjau): constructor, metode, static, extends
← Kembali ke JavaScript Academy