ホームページ >ウェブフロントエンド >jsチュートリアル >オブジェクト指向プログラミング (OOP): 明確な例で要点を理解する
開発者さん!今日はオブジェクト指向プログラミング (OOP) について話します。このパラダイムは、「オブジェクト」を使用してデータと動作を整理するために不可欠です。就職面接の準備をしている場合、これらの概念をマスターすることで大きな違いが生まれます。
すべてを簡単に理解するのに役立つ例を使用して、OOP の 4 つの柱を明確かつ実践的な方法で検討します。
OOP は 4 つの主要な柱に基づいています。
JavaScript の例を使用して、これらの各柱を詳しく見てみましょう。
カプセル化は、持ち物を箱に保管するようなものです。必要なものはすべて内部に入れて、誰がそれにアクセスできるかを制御します。これにより、保存されたデータが保護され、オブジェクトの内部状態が安全な状態に保たれます。
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 は直接アクセスすべきではないメソッドです。これは、ロジックを整理しながらユーザーのステータスを判断するために内部的に使用されます。
継承により、クラス (サブクラス) は別のクラス (スーパークラス) からプロパティとメソッドを継承できます。これにより、コードの再利用とクラス階層の作成が容易になります。
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 から継承しています。それぞれが独自のサウンドを実装し、コードを複製せずに継承によってどのように動作をカスタマイズできるかを示します。
ポリモーフィズムとは、異なるオブジェクトが同じメソッドに異なる方法で応答する能力です。これにより、同じ名前のメソッドがオブジェクトの種類に応じて異なる動作を行うことができます。
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 メソッドがありますが、同じメソッドを呼び出すと、形状のタイプに基づいて異なる結果が得られます。これは実際のポリモーフィズムです!
抽象化とは、複雑な詳細を隠し、必要なものだけを露出させるプロセスです。 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 が充電機能を追加しています。各部品の仕組みを知らなくても車を使用できます。始動方法と充電方法を知っていれば十分です。
これで完成です!オブジェクト指向プログラミングの 4 つの柱、カプセル化、継承、ポリモーフィズム、抽象化についてより明確に理解できました。これらの概念は、より組織化され保守しやすいコードを作成するために不可欠です。
これらの原則を実践し、プロジェクトに適用し続ければ、面接や開発者としての日常生活での課題に取り組む準備が整います!
以上がオブジェクト指向プログラミング (OOP): 明確な例で要点を理解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。