Bagaimana Anda Mencipta Pembina dalam Objek JavaScript?

Pembina dalam Objek JavaScript

Objek JavaScript boleh mempunyai pembina. Tidak seperti bahasa pengaturcaraan lain, JavaScript tidak menggunakan kata kunci khas seperti pembina untuk menentukan pembina. Sebaliknya, pembina dicipta menggunakan prototaip.

Mencipta Pembina dengan Prototaip:

Dalam pendekatan ini, fungsi pembina dicipta dengan nama besar. Di dalam pembina, sifat objek diberikan menggunakan kata kunci ini. Untuk mengakses sifat dan kaedah semua objek yang dibuat menggunakan pembina ini, prototaip dicipta. Prototaip boleh mengandungi kaedah dan sifat yang akan diwarisi oleh semua objek yang dicipta daripada pembina ini.

<code class="javascript">function Box(color) // Constructor
{
    this.color = color;
}

Box.prototype.getColor = function()
{
    return this.color;
};</code>

Dalam contoh ini, Kotak pembina menerima warna parameter dan memberikannya kepada sifat warna objek. Prototaip pembina Box mentakrifkan kaedah yang dipanggil getColor yang mengembalikan sifat warna objek.

Menyembunyikan Ahli Persendirian:

Untuk menyembunyikan sifat daripada akses luaran, a pembolehubah boleh diisytiharkan di dalam fungsi pembina dan diakses hanya melalui kaedah. Ini bukan ahli persendirian yang benar, tetapi ia menawarkan beberapa bentuk enkapsulasi.

<code class="javascript">function Box(col)
{
   var color = col;

   this.getColor = function()
   {
       return color;
   };
}</code>

Dalam contoh ini, sifat warna diisytiharkan sebagai pembolehubah di dalam pembina dan tidak boleh diakses di luar pembina. Kaedah getColor menyediakan akses kepada sifat warna.

Penggunaan:

Untuk mencipta objek menggunakan pembina, kata kunci baharu digunakan. Kod berikut menunjukkan penggunaan pembina:

<code class="javascript">var blueBox = new Box("blue");
alert(blueBox.getColor()); // will alert blue

var greenBox = new Box("green");
alert(greenBox.getColor()); // will alert green</code>

Atas ialah kandungan terperinci Bagaimana Anda Mencipta Pembina dalam Objek JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!