Empat Tonggak OOP dalam JavaScript

Empat Tonggak OOP dalam JavaScript

Pengaturcaraan Berorientasikan Objek (OOP) dalam JavaScript dibina di atas empat idea utama, atau "tunjang." Ini adalah Enkapsulasi, Abstraksi, Warisan, dan Polimorfisme. Mari kita pecahkan setiap satu dengan contoh mudah.

Enkapsulasi

Encapsulation bermaksud menyusun data dan fungsi yang berfungsi pada data tersebut di satu tempat, seperti kelas.

Contoh: Kereta

Bayangkan sebuah kereta. Ia mempunyai ciri-ciri seperti model, warna, kelajuan, dan enjin. Ia juga mempunyai fungsi seperti mula dan berhenti. Kami meletakkan semua pembolehubah dan kaedah ini ke dalam satu kelas yang dipanggil Kereta.

class Car {
    constructor(model, color, speed, engine) {
        this.model = model;
        this.color = color;
        this.speed = speed;
        this.engine = engine;
    }

    start() {
        console.log("Car started");
    }

    stop() {
        console.log("Car stopped");
    }
}

Abstraksi

Abstraksi bermaksud menyembunyikan butiran kompleks dan hanya menunjukkan bahagian yang diperlukan.

Contoh: Alat Kawalan Jauh

Fikirkan tentang alat kawalan jauh TV. Anda menekan butang "seterusnya" untuk menukar saluran. Anda tidak perlu tahu cara alat kawalan jauh menghantar isyarat kepada TV; anda hanya menggunakan butang untuk menukar saluran.

Dalam JavaScript, abstraksi adalah tentang menggunakan antara muka yang mudah untuk berinteraksi dengan kod yang lebih kompleks.

class Remote {
    changeChannel() {
        console.log("Channel changed");
    }
}

let remote = new Remote();
remote.changeChannel(); // You don't need to know how this works inside

Warisan

Warisan bermaksud kelas boleh mewarisi sifat dan kaedah daripada kelas lain.

Contoh: Sifat Keluarga

Sama seperti anda mungkin mewarisi gelagat atau sifat tertentu daripada ibu bapa anda, kelas boleh mewarisi atribut dan kaedah daripada kelas lain. Apabila kita mewarisi daripada berbilang kelas, ia dipanggil warisan berbilang, tetapi JavaScript tidak menyokong ini secara langsung.

class Animal {
    makeSound() {
        console.log("Animal sound");
    }
}

class Dog extends Animal {
    bark() {
        console.log("Dog barks");
    }
}

let dog = new Dog();
dog.makeSound(); // Inherited from Animal class
dog.bark();      // Specific to Dog class

Polimorfisme

Polymorphism bermaksud pembolehubah, fungsi atau objek boleh mengambil pelbagai bentuk.

Contoh: Kelas Haiwan

Bayangkan kelas Haiwan. Dengan polimorfisme, kita boleh mencipta kelas Cat yang mengubah suai atau menambah ciri baharu padanya.

class Animal {
    makeSound() {
        console.log("Animal sound");
    }
}

class Cat extends Animal {
    makeSound() { // Overriding method
        console.log("Meow");
    }
}

let cat = new Cat();
cat.makeSound(); // Calls the Cat's makeSound method

Ringkasnya, empat tiang OOP—Encapsulation, Abstraksi, Warisan dan Polimorfisme ini—membantu menjadikan kod JavaScript tersusun, boleh digunakan semula dan lebih mudah difahami.

Atas ialah kandungan terperinci Empat Tonggak OOP dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!