面向?qū)ο缶幊蹋∣OP）
面向?qū)ο缶幊淌且环N基于對象概念的編程范式。

面向?qū)ο缶幊痰年P(guān)鍵原則
1.封裝：

• 將相關(guān)變量和函數(shù)分組到一個對象中。
• 鼓勵減少函數(shù)中的參數(shù)，降低復(fù)雜性。 例子：

function Circle(radius) {
    this.radius = radius;
    this.draw = function() {
        console.log('draw');
    };
}
const circle = new Circle(5);
console.log(circle.radius); // Access encapsulated property
circle.draw(); // Call encapsulated method

2.摘要：

隱藏細節(jié)和復(fù)雜性，僅暴露對象的必要部分。
簡化界面并減少底層代碼更改的影響。
示例：抽象方法，同時隱藏內(nèi)部邏輯。

3.繼承：

允許一個類（子類）繼承另一個類（父類）的屬性和方法。
減少冗余代碼。
示例：

class Animal {
    eat() {
        console.log("This animal is eating.");
    }
}
class Dog extends Animal {
    bark() {
        console.log("The dog is barking.");
    }
}
const dog = new Dog();
dog.eat(); // Inherited from Animal
dog.bark();

4.多態(tài)性：

指具有多種形式的物體。
允許為不同的對象類型提供統(tǒng)一的接口，從而實現(xiàn)代碼重用和靈活性。
示例：

class Animal {
    sound() {
        console.log("This animal makes a sound.");
    }
}
class Dog extends Animal {
    sound() {
        console.log("The dog barks.");
    }
}
const animal = new Animal();
const dog = new Dog();
animal.sound(); // Output: This animal makes a sound.
dog.sound();    // Output: The dog barks.

OOP 的重要性

• 封裝：降低復(fù)雜性并增強可重用性。
• 抽象：隱藏實現(xiàn)細節(jié)，簡化交互。
• 繼承：消除代碼重復(fù)并促進重用。
• 多態(tài)性：實現(xiàn)靈活性和簡化的代碼結(jié)構(gòu)。

實際例子
類和構(gòu)造函數(shù)

• 以結(jié)構(gòu)化、簡潔的方式創(chuàng)建對象。
• 示例：

class Product {
    constructor(name, price) {
        this.name = name;
        this.price = price;
    }

    displayProduct() {
        console.log(`Product: ${this.name}`);
        console.log(`Price: $${this.price.toFixed(2)}`);
    }

    calculateTotal(salesTax) {
        return this.price + this.price * salesTax;
    }
}

const product1 = new Product("Laptop", 1200);
product1.displayProduct();
console.log(`Total Price: $${product1.calculateTotal(0.1).toFixed(2)}`);

與動物的傳承

• 展示可重用性和方法重寫。
• 示例：

class Animal {
    eat() {
        console.log("This animal eats food.");
    }
}

class Bird extends Animal {
    fly() {
        console.log("This bird can fly.");
    }
}

const bird = new Bird();
bird.eat();
bird.fly();

反思
我學(xué)到了什么：

• 核心 OOP 原則：封裝、抽象、繼承、多態(tài)性。
• 降低代碼復(fù)雜性和增強可重用性的實際用例。
• 應(yīng)用構(gòu)造函數(shù)、方法和繼承來解決現(xiàn)實世界的問題。

OOP 是另一個層次。

明天我們再去！

以上是我的 React 之旅：第 15 天的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！