Peranan prototaip dalam js

prototaip ialah sifat dalam JavaScript yang menunjuk ke objek prototaip untuk sifat dan kaedah yang dikongsi. Fungsi utamanya termasuk: Pewarisan: objek anak mewarisi sifat prototaip dan kaedah objek induk. Tambah sifat secara dinamik: Tambah sifat dan kaedah secara dinamik dengan mengubah suai objek prototaip. Pengoptimuman memori: Berbilang sub-objek berkongsi objek prototaip untuk menjimatkan memori. Enkapsulasi kod: Bungkus kod kongsi ke dalam objek prototaip untuk meningkatkan kejelasan dan kebolehselenggaraan kod.

Peranan prototaip dalam JavaScript

Apakah prototaip?

Prototaip ialah atribut khas dalam JavaScript yang menunjuk ke objek yang mengandungi sifat dan kaedah yang dikongsi oleh objek lain.

Peranan prototaip

Fungsi utama prototaip termasuk:

• Warisan: Objek anak boleh mewarisi sifat dan kaedah dalam prototaip objek induk, dengan itu merealisasikan penggunaan semula kod.
• Tambah sifat secara dinamik: Anda boleh menambah sifat dan kaedah secara dinamik pada sub-objek dengan mengubah suai objek prototaip.
• Pengoptimuman memori: Berbilang sub-objek berkongsi objek prototaip, yang boleh menjimatkan ruang memori.
• Ekapsulasi kod: Enkapsulasi kod kongsi ke dalam objek prototaip untuk menjadikan kod lebih jelas dan lebih mudah diselenggara.

Penggunaan prototaip

Anda boleh menggunakan kaedah berikut untuk mengakses dan mengubah suai objek prototaip:

• Dapatkan prototaip: Object.getPrototypeOf><code>Object.getPrototypeOf(object)
• 设置原型：Object.setPrototypeOf(object, prototype)

实例说明

以下代码示例演示了 prototype 的用法：

<code class="javascript">// 父对象
const Parent = {
  name: "Parent"
};

// 子对象
const Child = {
  __proto__: Parent, // 设置子对象的原型指向父对象
  age: 20
};

console.log(Child.name); // 输出: "Parent"
console.log(Child.age);  // 输出: 20

// 修改原型对象
Parent.hobby = "reading";

console.log(Child.hobby); // 输出: "reading"</code>

在这个示例中，Child 对象通过 __proto__ 属性继承了 Parent 对象的原型，共享其 name 属性。同时，Child 对象还可以动态地访问和修改父对象的属性，例如 hobby(objek)

Atas ialah kandungan terperinci Peranan prototaip dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!