”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > JavaScript + 面向对象编程

JavaScript + 面向对象编程

发布于2024-11-01
浏览:834

JavaScript   OOPs

OOP(即面向对象编程)可以帮助您以更符合逻辑和更易于管理的方式组织代码,并且可以使将来更轻松地重用和扩展代码。

在 JavaScript 中,面向对象编程 (OOP) 是一种基于“对象”概念的编程范式,“对象”是协同工作以执行某些任务的数据和函数的集合。

在 OOP 中,对象是从“类”创建的,“类”是定义它们创建的对象的属性和方法的模板。

面向对象编程的优点

在 JavaScript 中使用 OOP 的主要优点之一是它允许您以更符合逻辑和更易于管理的方式组织代码。使用 OOP,您可以创建代表现实世界对象的类并定义这些对象所具有的属性和方法。这使得您的代码更容易理解和使用,尤其是当代码变得越来越复杂时。

OOP 在 JavaScript 或编程中的另一个好处是它允许代码重用和可扩展性。

一旦定义了一个类,您就可以根据需要从该类创建任意数量的对象。这可以节省您大量的时间和精力,因为您不必为每个对象一遍又一遍地编写相同的代码。

此外,您可以创建从现有类继承的新类,这允许您重用和扩展现有代码的功能。

OOP 入门
要开始使用 JavaScript 中的 OOP,您首先需要了解类的概念。在 JavaScript 中,类是一个模板,定义它所创建的对象的属性和方法。这是代表一个人的简单类的示例:

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  greet() {
    console.log(`Hi, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

在此示例中,Person 类有两个属性:name 和age。它还有一种方法,greet(),它向控制台输出问候语。

要从此类创建对象,请使用 new 关键字,后跟类的名称,如下所示:

const person1 = new Person("John", 25);
const person2 = new Person("Jane", 30);

创建对象后,您可以使用点表示法访问其属性和方法,如下所示:

JavaScript 中的 OOP 继承
除了定义类和创建对象之外,JavaScript 中的 OOP 还允许继承。这意味着您可以创建继承现有类的属性和方法的新类。例如,假设您想要创建一个代表学校学生的 Student 类。 Student 类可以继承自 Person 类,如下所示:

class Student extends Person {
  constructor(name, age, school) {
    super(name, age);
    this.school = school;
  }
  info() {
    console.log(`${this.name} is ${this.age} years old and goes to ${this.school}.`);
  }
}

OOPS 的四大支柱
JavaScript 中面向对象编程 (OOP) 的四大支柱是:

封装:
封装是指将数据和功能包装在一个对象内的想法。在 OOP 中,对象是代码的基本构建块,每个对象都有自己的属性和方法。这使您能够以更易于理解和使用的方式组织代码。

例如,您可以创建一个 Person 类,该类具有诸如姓名和年龄之类的属性以及诸如greet() 和introduction() 之类的方法。

抽象:

抽象是隐藏对象实现细节并仅向用户公开必要信息的过程。在 OOP 中,您可以使用抽象来使代码更加模块化和灵活。

例如,您可以定义一个抽象类,为一组相关对象提供公共接口,而无需指定这些对象的实现方式。

遗产:
继承是创建继承现有类的属性和方法的新类的过程。这允许您重用和扩展现有代码,从而节省您的时间和精力。

例如,如果您有一个为人员定义公共属性和方法的 Person 类,则可以创建一个继承自 Person 类并添加附加功能的 Student 类。

多态性:
多态性是不同对象以不同方式响应同一方法调用的能力。在 OOP 中,多态性允许您创建共享公共接口但具有不同实现的对象。这使您的代码更加灵活,并允许您编写更易于维护和扩展的代码。

例如,您可以创建一个定义通用draw()方法的Shape类,然后为不同类型的形状(例如圆形、矩形等)创建子类,每个子类在自己的中实现draw()方法方式。

以下是如何在 JavaScript 程序中使用 OOP 的这些支柱的示例:

// Encapsulation: define a Person class with properties and methods
class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  greet() {
    console.log(`Hi, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

// Inheritance: define a Student class that inherits from the Person class
class Student extends Person {
  constructor(name, age, school) {
    super(name, age);
    this.school = school;
  }
  info() {
    console.log(`${this.name} is ${this.age} years old and goes to ${this.school}.`);
  }
}

// Abstraction: define an abstract Shape class with a common draw() method
abstract class Shape {
  abstract draw(): void;
}

// Polymorphism: define subclasses of Shape that implement the draw() method in their own way
class Circle extends Shape {
  draw() {
    console.log("Drawing a circle...");
  }
}
class Rectangle extends Shape {
  draw() {
    console.log("Drawing a rectangle...");
  }
}

总结
面向对象编程是 JavaScript 中的一个基本概念,可以极大地改进代码的结构和组织。通过理解和实现封装、继承和多态性等概念,您可以创建更高效​​和可维护的程序。

无论您是初学者还是经验丰富的开发人员,花时间掌握 JavaScript 中的 OOP 从长远来看都会得到回报。感谢您的阅读,祝您编码愉快。

版本声明 本文转载于:https://dev.to/adarshgupta101/javascript-oops-2elb?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • 如何使用 mysqli_pconnect() 在 PHP 中实现 MySQL 连接池?
    如何使用 mysqli_pconnect() 在 PHP 中实现 MySQL 连接池?
    MySQL 的 PHP 连接池在 PHP 中,维护数据库连接会影响性能。为了优化这一点,开发人员经常考虑使用连接池技术。MySQL 的连接池MySQL 没有内置的连接池机制。然而,MySQLi 扩展提供了 mysqli_pconnect() 函数,其作用与 mysqli_connect() 类似,但...
    编程 发布于2024-11-07
  • 将 HTMX 添加到 GO
    将 HTMX 添加到 GO
    HTMX 是 intercooler.js 的后继者,用于使用 HTTP 命令扩展 HTML,而无需编写 API。现在,我知道一开始我说我要删除抽象层,但是我更多的是系统/工具程序员,所以我仍然需要一些抽象,直到我掌握了底层实际发生的情况。 基本概念 HTMX 部署 AJAX 命令来...
    编程 发布于2024-11-07
  • 发现 itertools
    发现 itertools
    Itertools 是最有趣的 Python 库之一。它包含一系列受函数式语言启发的函数,用于与迭代器一起使用。 在这篇文章中,我将提到一些最引起我注意并且值得牢记的内容,以免每次都重新发明轮子。 数数 好几次我都实现了无限计数(好吧,结束了 显式地在某个点用中断)使用 while ...
    编程 发布于2024-11-07
  • 为什么每个人都应该学习 Go(即使您认为生活中不需要另一种语言)
    为什么每个人都应该学习 Go(即使您认为生活中不需要另一种语言)
    啊,Go,编程语言。您可能听说过,也许是从办公室里一位过于热情的开发人员那里听说过的,他总是不停地谈论他们的 API 现在有多“快得惊人”。当然,您已经涉足过其他语言,也许您会想:“我真的需要另一种语言吗?”剧透警报:是的,是的,你知道。 Go 就是那种语言。让我以最讽刺、最真诚的方式为你解释一下。...
    编程 发布于2024-11-07
  • 如何计算 Pandas 中多列的最大值?
    如何计算 Pandas 中多列的最大值?
    在 Pandas 中查找多列的最大值假设您有一个包含多列的数据框,并且希望创建一个包含两个或多个列中的最大值的新列现有的列。例如,给定 A 列和 B 列,您需要创建 C 列,其中:C = max(A, B)要完成此任务:使用 max 函数和 axis=1 计算指定列中每行的最大值:df[["...
    编程 发布于2024-11-07
  • 如何在 PHP 中从目录中检索文件名?
    如何在 PHP 中从目录中检索文件名?
    从 PHP 中的目录中检索文件如何在 PHP 中访问目录中的文件名?事实证明,确定正确的命令具有挑战性。这个问题旨在为寻求类似解决方案的个人提供帮助。PHP提供了几种从目录获取文件列表的方法:DirectoryIterator(推荐)此类允许对目录中的文件进行迭代:foreach (new Dire...
    编程 发布于2024-11-07
  • 使用 Linq、Criteria API 和 Query Over 扩展 NHibernate 的 Ardalis.Specification
    使用 Linq、Criteria API 和 Query Over 扩展 NHibernate 的 Ardalis.Specification
    Ardalis.Specification is a powerful library that enables the specification pattern for querying databases, primarily designed for Entity Framework Cor...
    编程 发布于2024-11-07
  • PYTHON:OOP {初学者版}
    PYTHON:OOP {初学者版}
    Python:面向对象编程[OOP]:是一种编程范式(模型),使用对象和类来构建软件一种模拟现实世界实体和关系的方法。这是基于对象可以包含数据和操作该数据的代码的想法。 关于面向对象编程,您需要了解一些关键概念: 班级 目的 属性 方法 遗产 封装 多态性 抽象 下面的示例是一个帮助您参考正在解释的...
    编程 发布于2024-11-07
  • Neo.mjs:一个高性能开源 JavaScript 框架。
    Neo.mjs:一个高性能开源 JavaScript 框架。
    在浏览 GitHub 并寻找可协作的开源项目时,我发现了 Neo.mjs。我对这个项目产生了兴趣,并开始更多地研究这个新框架。我想在这篇博文中分享我发现的所有内容。 什么是 Neo.mjs? Neo.mjs 旨在构建高性能、数据驱动的 Web 应用程序,重点关注利用 Web Work...
    编程 发布于2024-11-07
  • 将 Azure Functions 部署到 Azure 容器应用程序的两种方法的比较
    将 Azure Functions 部署到 Azure 容器应用程序的两种方法的比较
    昨天,我写了一篇题为“在 Azure 容器应用程序上部署 Java Azure Function”的文章。 在那篇文章中,我提到使用 Azure 的集成管理功能,我想澄清这意味着什么以及它与本文中以前的方法有何不同。 旧方法:使用 az containerapp create 创建 ...
    编程 发布于2024-11-07
  • 如何使用 MinGW 在 Windows 上构建 GLEW?分步指南。
    如何使用 MinGW 在 Windows 上构建 GLEW?分步指南。
    使用 MinGW 在 Windows 上构建 GLEW:综合指南使用 GLEW,这是一个无缝集成 OpenGL 和 WGL 函数的纯头文件库,使用 MinGW 增强 Windows 上 OpenGL 应用程序的开发。为了使用 MinGW 有效构建 GLEW,需要一组特定的命令和步骤。首先,创建两个名...
    编程 发布于2024-11-07
  • 如何使用 CSS 创建带有对角线的双色调背景?
    如何使用 CSS 创建带有对角线的双色调背景?
    使用对角线创建双色调背景要使用 CSS 实现由对角线分为两部分的背景,请执行以下操作这些步骤:1。创建两个 Div:创建两个单独的 div 来表示两个背景部分。2.设置 Div 样式:将以下 CSS 应用于 div:.solid-div { background-color: [solid co...
    编程 发布于2024-11-07
  • 文档的力量:阅读如何改变我在 JamSphere 上使用 Redux 的体验
    文档的力量:阅读如何改变我在 JamSphere 上使用 Redux 的体验
    作为开发人员,我们经常发现自己一头扎进新的库或框架,渴望将我们的想法变为现实。跳过文档并直接跳到编码的诱惑很强烈——毕竟,这有多难呢?但正如我通过构建音乐管理平台 JamSphere 的经验所了解到的那样,跳过这一关键步骤可能会将顺利的旅程变成充满挑战的艰苦战斗。 跳过文档的魅力 当...
    编程 发布于2024-11-07
  • 如何在PHP多子域应用中精准控制Cookie域?
    如何在PHP多子域应用中精准控制Cookie域?
    在 PHP 中控制 Cookie 域和子域创建多子域站点时,有必要控制会话 cookie 的域确保每个子域的正确会话管理。然而,手动设置域时,PHP 的 cookie 处理似乎存在差异。默认情况下,session_start() 会使用当前子域分配会话 cookie。但是,尝试使用 ini_set(...
    编程 发布于2024-11-07
  • Java中的三元运算符可以不返回值吗?
    Java中的三元运算符可以不返回值吗?
    三元运算符:深入研究代码优化虽然三元运算符 (?:) 是 Java 中的一个强大工具,但它了解其局限性至关重要。一个常见的误解是可以在不返回值的情况下使用它。与这种看法相反,Java 不允许在没有 return 语句的情况下进行三元运算。三元运算符的目的是评估条件并将值分配给变量或表达式。如果没有返...
    编程 发布于2024-11-07

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3