JavaScript 中 OOP 的四大支柱

JavaScript 中 OOP 的四大支柱

JavaScript 中的面向对象编程 (OOP) 建立在四个主要思想或“支柱”之上。它们是封装、抽象、继承和多态。让我们用简单的例子来分解每一个。

封装

封装意味着将数据和处理该数据的函数放在一个地方，就像一个类。

示例：汽车

想象一辆汽车。它具有模型、颜色、速度和引擎等属性。它还具有启动和停止等功能。我们将所有这些变量和方法放入一个名为 Car 的类中。

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");
    }
}

抽象

抽象意味着隐藏复杂的细节并仅显示必要的部分。

示例：远程控制

想想电视遥控器。您按“下​​一步”按钮更改频道。您不需要知道遥控器如何向电视发送信号；您只需使用按钮即可更改频道。

在 JavaScript 中，抽象是指使用简单的接口与更复杂的代码进行交互。

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

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

遗产

继承是指一个类可以继承另一个类的属性和方法。

示例：家庭特征

就像您可能从父母那里继承某些行为或特征一样，一个类可以从另一个类继承属性和方法。当我们从多个类继承时，称为多重继承，但 JavaScript 并不直接支持这种方式。

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

多态性

多态意味着变量、函数或对象可以采取多种形式。

示例：动物类

想象一个 Animal 类。通过多态性，我们可以创建一个 Cat 类，对其进行修改或添加新功能。

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

总而言之，OOP 的四大支柱——封装、抽象、继承和多态性——有助于使 JavaScript 代码组织起来、可重用且更易于理解。

以上是JavaScript 中 OOP 的四大支柱的详细内容。更多信息请关注PHP中文网其他相关文章！