首页 > web前端 > js教程 > 正文

JavaScript 中 OOP 的四大支柱

PHPz
发布: 2024-07-27 19:28:23
原创
904 人浏览过

The Four Pillars of OOP in JavaScript

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中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板