オブジェクト指向プログラミング (OOP): 明確な例で要点を理解する-jsチュートリアル-php.cn

オブジェクト指向プログラミング (OOP): 明確な例で要点を理解する

Barbara Streisand

リリース： 2024-10-28 16:16:02

オリジナル

346 人が閲覧しました

Object-Oriented Programming (OOP): Understand the illars with Clear Examples

開発者さん！今日はオブジェクト指向プログラミング (OOP) について話します。このパラダイムは、「オブジェクト」を使用してデータと動作を整理するために不可欠です。就職面接の準備をしている場合、これらの概念をマスターすることで大きな違いが生まれます。

すべてを簡単に理解するのに役立つ例を使用して、OOP の 4 つの柱を明確かつ実践的な方法で検討します。

オブジェクト指向プログラミングとは何ですか?

OOP は 4 つの主要な柱に基づいています。

カプセル化
継承
ポリモーフィズム
抽象化

JavaScript の例を使用して、これらの各柱を詳しく見てみましょう。

1. カプセル化

カプセル化は、持ち物を箱に保管するようなものです。必要なものはすべて内部に入れて、誰がそれにアクセスできるかを制御します。これにより、保存されたデータが保護され、オブジェクトの内部状態が安全な状態に保たれます。

例：

class User {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    // Public method
    displayInfo() {
        return `${this.name}, ${this.age} years old`;
    }

    // Private method
    _checkAge() {
        return this.age >= 18 ? 'an adult' : 'a minor';
    }

    displayStatus() {
        return `${this.name} is ${this._checkAge()}.`;
    }
}

const user = new User('Alice', 22);
console.log(user.displayInfo()); // Alice, 22 years old
console.log(user.displayStatus()); // Alice is an adult

ログイン後にコピー

この例では、_checkAge は直接アクセスすべきではないメソッドです。これは、ロジックを整理しながらユーザーのステータスを判断するために内部的に使用されます。

2. 継承

継承により、クラス (サブクラス) は別のクラス (スーパークラス) からプロパティとメソッドを継承できます。これにより、コードの再利用とクラス階層の作成が容易になります。

例：

class Animal {
    constructor(name) {
        this.name = name;
    }

    makeSound() {
        return `${this.name} makes a sound.`;
    }
}

class Dog extends Animal {
    makeSound() {
        return `${this.name} barks.`;
    }
}

class Cat extends Animal {
    makeSound() {
        return `${this.name} meows.`;
    }
}

const myDog = new Dog('Rex');
const myCat = new Cat('Mia');

console.log(myDog.makeSound()); // Rex barks.
console.log(myCat.makeSound()); // Mia meows.

ログイン後にコピー

ここでは、Dog と Cat はどちらも Animal から継承しています。それぞれが独自のサウンドを実装し、コードを複製せずに継承によってどのように動作をカスタマイズできるかを示します。

3. ポリモーフィズム

ポリモーフィズムとは、異なるオブジェクトが同じメソッドに異なる方法で応答する能力です。これにより、同じ名前のメソッドがオブジェクトの種類に応じて異なる動作を行うことができます。

例：

class Shape {
    area() {
        return 0;
    }
}

class Rectangle extends Shape {
    constructor(width, height) {
        super();
        this.width = width;
        this.height = height;
    }

    area() {
        return this.width * this.height;
    }
}

class Circle extends Shape {
    constructor(radius) {
        super();
        this.radius = radius;
    }

    area() {
        return Math.PI * Math.pow(this.radius, 2);
    }
}

const shapes = [new Rectangle(10, 5), new Circle(3)];

shapes.forEach(shape => {
    console.log(`Area: ${shape.area()}`);
});

// Output:
// Area: 50
// Area: 28.274333882308138

ログイン後にコピー

この場合、Rectangle と Circle の両方に独自の area メソッドがありますが、同じメソッドを呼び出すと、形状のタイプに基づいて異なる結果が得られます。これは実際のポリモーフィズムです!

4. 抽象化

抽象化とは、複雑な詳細を隠し、必要なものだけを露出させるプロセスです。 OOP では、これにより、オブジェクトがどのように機能するかをすべて理解する必要なく、オブジェクトを使用できるようになります。

例：

class Car {
    constructor(brand, model) {
        this.brand = brand;
        this.model = model;
    }

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

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

class ElectricCar extends Car {
    charge() {
        console.log('Electric car charging.');
    }
}

const myElectricCar = new ElectricCar('Tesla', 'Model 3');
myElectricCar.start(); // Car started.
myElectricCar.charge(); // Electric car charging.

ログイン後にコピー

ここでは、Car クラスが基本的なメソッドを提供し、ElectricCar が充電機能を追加しています。各部品の仕組みを知らなくても車を使用できます。始動方法と充電方法を知っていれば十分です。