Rumah > hujung hadapan web > tutorial js > OOP - Enkapsulasi

OOP - Enkapsulasi

Patricia Arquette
Lepaskan: 2024-12-14 17:39:11
asal
724 orang telah melayarinya

OOP - Encapsulation

Apa ???

Encapsulation ialah proses menghimpun data & fungsi ke dalam satu unit (iaitu, kapsul), ia juga boleh mengehadkan akses kepada beberapa data/kaedah.

Ia merupakan salah satu daripada empat tiang OOP, bersama-sama dengan Pewarisan, Polimorfisme dan Abstraksi Data.

Kenapa ?

Adalah lebih mudah untuk mengambil andaian buta dan teruskan menggunakan enkapsulasi di semua tempat, tetapi penting untuk memahami sebabnya supaya anda boleh menggunakannya dengan cara yang betul.

Mari cuba memahami sebabnya dengan melihat contoh tugasan.

Tugasan:

Bina kalkulator keputusan pelajar yang sepatutnya,

  • Kira purata markah
  • Tentukan sama ada pelajar gagal atau lulus
  • Ralat lontar jika mana-mana markah subjek tidak sah ( < 0 || > 100)

Penyelesaian 1: cara tidak berkapsul

Ideanya adalah untuk menyelesaikan masalah sahaja, jadi saya telah memilih Pengaturcaraan prosedur cara untuk mencapainya yang saya percaya boleh menunjukkan kontras yang baik dan menjadikan masalah kelihatan lebih jelas.

type Subject = "english" | "maths";

interface IStudent {
  name: string;
  marks: Record<Subject, number>;
}

// Receive Input
const studentInput: IStudent = {
  name: "John",
  marks: {
    english: 100,
    maths: 100,
  },
};

// Step1: Validate the provided marks
Object.keys(studentInput.marks).forEach((subjectName) => {
  const mark = studentInput.marks[subjectName as Subject];
  if (mark > 100 || mark < 0) {
    throw new Error(`invlid mark found`);
  }
});

// Step2: find the total marks
const totalMarks = Object.keys(studentInput.marks).reduce(
  (accumulator: number, current: string) =>
    studentInput.marks[current as Subject] + accumulator,
  0
);

// Step3: find the average
const average = totalMarks / Object.keys(studentInput.marks).length;

// Step4: find the result
const boolResult = average > 40;

// Step 5: print result
console.log(boolResult);
console.log(average);

Salin selepas log masuk

Masalah dengan Penyelesaian 1:

Ini pasti mencapai hasil yang diharapkan tetapi terdapat beberapa masalah yang berkaitan dengannya. Untuk menamakan beberapa,

  1. Setiap pelaksanaan di sini boleh diakses secara global dan tiada kawalan ke atas penggunaannya oleh penyumbang masa hadapan.
  2. Data & operasi adalah berasingan menjadikannya sukar untuk mengesan fungsi yang mempengaruhi data. Anda perlu meneliti setiap kod dengan teliti untuk memahami apa yang dipanggil dan sebahagian daripada pelaksanaan.
  3. Fungsi menjadi lebih sukar untuk diurus apabila skala logik. Perubahan boleh memecahkan kod yang tidak berkaitan kerana gandingan yang ketat.

Bagaimana untuk menyelesaikan masalah?

Dengan memasukkan Enkapsulasi atau menjadikannya lebih jelas dengan melakukan dua langkah di bawah,

  1. Akses Terkawal kepada Data & fungsi
  2. Menggabungkan Data dengan Gelagat

Penyelesaian 2: Cara Terkapsul

type SubjectNames = "english" | "maths";

interface IStudent {
  name: string;
  marks: Record<SubjectNames, number>;
}

class ResultCalculator {
  protected student: IStudent;
  constructor(student: IStudent) {
    this.student = student;
  }

  isPassed(): boolean {
    let resultStatus = true;
    Object.keys(this.student.marks).forEach((subject: string) => {
      if (this.student.marks[subject as SubjectNames] < 40) {
        resultStatus = false;
      }
    });
    return resultStatus;
  }

  getAverage(): number {
    this.validateMarks();
    return this.totalMarks() / this.subjectCount();
  }

  private validateMarks() {
    Object.keys(this.student.marks).forEach((subject: string) => {
      if (
        this.student.marks[subject as SubjectNames] < 0 ||
        this.student.marks[subject as SubjectNames] > 100
      ) {
        throw new Error(`invalid mark`);
      }
    });
  }

  private totalMarks() {
    return Object.keys(this.student.marks).reduce(
      (acc, curr) => this.student.marks[curr as SubjectNames] + acc,
      0
    );
  }

  private subjectCount() {
    return Object.keys(this.student.marks).length;
  }
}

// Receive Input
const a: IStudent = {
  name: "jingleheimer schmidt",
  marks: {
    english: 100,
    maths: 100,
  },
};

// Create an encapsulated object
const result = new ResultCalculator(a);

// Perform operations & print results
console.log(result.isPassed());
console.log(result.getAverage());

Salin selepas log masuk

notis dalam penyelesaian di atas,

  1. Kaedah totalMarks, subjectCount, validateMarks & pelajar pembolehubah ahli tidak didedahkan dan hanya boleh digunakan oleh objek kelas.

2. pelajar data digabungkan dengan setiap tingkah lakunya.

Atas ialah kandungan terperinci OOP - Enkapsulasi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan