JavaScript 中的面向对象编程 (OOP):综合指南

javascript 中的面向对象编程 (oop):综合指南

JavaScript面向对象编程(OOP)指南

类与对象

在JavaScript中,对象是属性(键)和方法(值)的集合。类是创建对象的模板。

例子:

// 定义一个类class Person {  constructor(name, age) {    this.name = name; // 属性    this.age = age;  }  greet() { // 方法    console.log(`你好,我的名字是${this.name},我${this.age}岁了。`);  }}// 创建一个对象const person1 = new Person('Alice', 30);person1.greet(); // 输出:你好,我的名字是Alice,我30岁了。

封装

封装将数据(属性)及其操作方法捆绑在一个单元(对象)中,限制了对对象内部的直接访问。

例子:

class BankAccount {  #balance; // 私有属性  constructor(initialBalance) {    this.#balance = initialBalance;  }  deposit(amount) {    this.#balance += amount;  }  getBalance() {    return this.#balance;  }}const account = new BankAccount(1000);account.deposit(500);console.log(account.getBalance()); // 1500// console.log(account.#balance); // 错误:无法访问私有属性 '#balance'

继承

继承允许一个类继承另一个类的属性和方法,实现代码复用。

立即学习“Java免费学习笔记(深入)”;

例子:

class Animal {  constructor(name) {    this.name = name;  }  speak() {    console.log(`${this.name} 发出声音。`);  }}class Dog extends Animal {  speak() {    console.log(`${this.name} 汪汪叫。`);  }}const dog = new Dog('Buddy');dog.speak(); // 输出:Buddy 汪汪叫。

多态

多态指同一方法在不同类中具有不同实现。

例子:

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;  }}const shape = new Shape();const rectangle = new Rectangle(10, 5);console.log(shape.area());       // 0console.log(rectangle.area());   // 50

抽象

抽象隐藏了代码的复杂性,只向用户展示必要的部分。

例子:

class Vehicle {  startEngine() {    console.log('引擎启动');  }}class Car extends Vehicle {  drive() {    console.log('驾驶汽车...');  }}const car = new Car();car.startEngine(); // 引擎启动car.drive();       // 驾驶汽车...

静态方法和属性

静态方法和属性属于类本身,而不是类的实例。

例子:

class MathUtils {  static add(a, b) {    return a + b;  }}console.log(MathUtils.add(5, 3)); // 8

原型

JavaScript使用原型继承,对象可以从其他对象继承属性和方法。

例子:

function Person(name) {  this.name = name;}Person.prototype.greet = function() {  console.log(`你好,我的名字是${this.name}`);};const person = new Person('Alice');person.greet(); // 你好,我的名字是Alice

要点

使用class定义类。使用#定义私有属性。使用extends实现继承。利用多态实现不同类的相同方法的不同行为。使用抽象简化代码。使用静态方法和属性。理解原型继承机制。

JavaScript的OOP特性让开发者编写更清晰、模块化、可复用的代码。

作者:Abhay Singh Kathayat全栈开发者,精通前后端技术,擅长使用多种编程语言和框架构建高效、可扩展且用户友好的应用。联系邮箱:kaashshorts28@gmail.com

以上就是JavaScript 中的面向对象编程 (OOP):综合指南的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1499769.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
在 React Router vMethods 和最佳实践中处理重定向
上一篇 2025年12月19日 22:02:49
了解 React Router v 功能、设置和最佳实践
下一篇 2025年12月19日 22:02:56

相关推荐

  • 摸头杀后又发力!印度动作冒险新作《Son of Thanjai》宣传PV公开

    摸头杀后又发力!印度动作冒险新作《Son of Thanjai》宣传PV公开摸头杀后又发力!印度动作冒险新作《Son of Thanjai》宣传PV公开摸头杀后又发力!印度动作冒险新作《Son of Thanjai》宣传PV公开摸头杀后又发力!印度动作冒险新作《Son of Thanjai》宣传PV公开

    近日,印度首款3a级大作《释放阿凡达》在发布实机演示后迅速走红网络,主角行云流水般的闪避动作搭配“摸头杀”炫技场面,瞬间引爆话题,引发大量二次创作热潮。 就在热度持续攀升之际,又一款来自印度的重磅游戏登场!PS官方近日发布了《Son of Thanjai》的正式宣传视频,带来全新视觉冲击,快一起来感…

    2026年9月27日 • 用户投稿
    000
  • 解决Spring Boot与React应用在AWS部署中CORS错误的终极指南

    解决Spring Boot与React应用在AWS部署中CORS错误的终极指南解决Spring Boot与React应用在AWS部署中CORS错误的终极指南解决Spring Boot与React应用在AWS部署中CORS错误的终极指南解决Spring Boot与React应用在AWS部署中CORS错误的终极指南

    本文旨在解决在Spring Boot后端(AWS EC2)和React前端(AWS S3)部署时,即使服务器端已配置宽松的CORS策略,仍出现跨域资源共享(CORS)错误的问题。我们将深入探讨常见误区,并提供一个将CORS配置与Spring Security有效整合的专业解决方案,同时强调处理wit…

    2026年9月27日 • 用户投稿
    100
  • 在Java中实现ANSI颜色输出:解决CMD终端兼容性问题

    在Java中实现ANSI颜色输出:解决CMD终端兼容性问题在Java中实现ANSI颜色输出:解决CMD终端兼容性问题在Java中实现ANSI颜色输出:解决CMD终端兼容性问题在Java中实现ANSI颜色输出:解决CMD终端兼容性问题

    本文深入探讨了Java程序在Windows CMD终端中无法正确显示ANSI颜色代码的原因,并提供了两种有效的解决方案。首先,介绍通过外部命令cmd /c echo实现跨版本兼容的着色输出;其次,针对Java 22及更高版本,详细讲解如何利用Foreign Function & Memory…

    2026年9月27日 • 用户投稿
    000
  • AI绘图工具生成的图片会有版权问题吗?2025解答

    AI绘图工具生成的图片会有版权问题吗?2025解答AI绘图工具生成的图片会有版权问题吗?2025解答AI绘图工具生成的图片会有版权问题吗?2025解答AI绘图工具生成的图片会有版权问题吗?2025解答

    ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R1 模型☜☜☜ AI绘图工具生成的图片,其版权归属问题在2025年来看,依旧是一个复杂且不断演进的法律议题,并没有一个简单的“是”或“否”的答案。核心在于,目前主流的法律实践和司法判例倾向于认为,纯粹由AI自主…

    2026年9月27日 • 用户投稿
    000
  • 怎么用豆包AI帮我转换编程语言 3分钟学会用AI实现代码语言自动转换

    怎么用豆包AI帮我转换编程语言 3分钟学会用AI实现代码语言自动转换怎么用豆包AI帮我转换编程语言 3分钟学会用AI实现代码语言自动转换怎么用豆包AI帮我转换编程语言 3分钟学会用AI实现代码语言自动转换怎么用豆包AI帮我转换编程语言 3分钟学会用AI实现代码语言自动转换

    豆包ai实现代码语言自动转换的方法如下:1. 准备好原始代码并明确标注目标语言,确保代码无语法错误且功能清晰;2. 使用豆包ai的对话功能进行提问,粘贴代码并准确描述转换需求,避免模糊指令;3. 检查转换后的代码是否可用,通过通读、运行测试用例及对比行为差异进行验证,如有问题可继续向ai反馈修改。 …

    2026年9月27日 • 用户投稿
    000
  • sublime怎么连接ssh_Sublime通过SFTP插件连接远程服务器教程

    sublime怎么连接ssh_Sublime通过SFTP插件连接远程服务器教程sublime怎么连接ssh_Sublime通过SFTP插件连接远程服务器教程sublime怎么连接ssh_Sublime通过SFTP插件连接远程服务器教程sublime怎么连接ssh_Sublime通过SFTP插件连接远程服务器教程

    首先安装SFTP插件,通过Package Control搜索并安装;然后在项目中右键选择SFTP → Setup Server生成配置文件;接着编辑sftp-config.json,填写服务器IP、用户名、密码、端口、远程路径和本地路径等信息;推荐使用SSH密钥登录,可配置ssh_key_file路…

    2026年9月27日 • 用户投稿
    200
  • Logback:阻止日志输出到控制台,仅保留文件输出

    Logback:阻止日志输出到控制台,仅保留文件输出Logback:阻止日志输出到控制台,仅保留文件输出Logback:阻止日志输出到控制台,仅保留文件输出Logback:阻止日志输出到控制台,仅保留文件输出

    本文档旨在解决Logback在未配置ConsoleAppender的情况下,仍然将日志输出到控制台的问题。通过设置logger的additivity属性为false,可以有效地阻止日志信息继续向上级logger传递,从而实现仅将日志写入文件的目的,避免在控制台产生冗余信息。本文将详细介绍该解决方案,…

    2026年9月27日 • 用户投稿
    100
  • ChatGPT怎么上传PDF 文档阅读与分析功能详解

    ChatGPT怎么上传PDF 文档阅读与分析功能详解ChatGPT怎么上传PDF 文档阅读与分析功能详解ChatGPT怎么上传PDF 文档阅读与分析功能详解ChatGPT怎么上传PDF 文档阅读与分析功能详解

    chatgpt 可以通过多种方式“看到”pdf内容并进行分析。1. chatgpt plus或企业版用户可直接上传pdf文件,系统自动解析后可用于提取信息、总结报告、回答问题或翻译文本;2. 普通用户可手动复制粘贴pdf中的文字内容到对话框中,适用于小段内容处理;3. 使用第三方工具如smallpd…

    2026年9月27日 • 用户投稿
    100
  • 剪映 AI 一键成片?素材筛选与节奏把控实用技巧

    剪映 AI 一键成片?素材筛选与节奏把控实用技巧剪映 AI 一键成片?素材筛选与节奏把控实用技巧剪映 AI 一键成片?素材筛选与节奏把控实用技巧剪映 AI 一键成片?素材筛选与节奏把控实用技巧

    要做出高质量视频,素材筛选和节奏把控是关键。首先,选择内容相关、能表达情绪且多样化的素材,并确保技术指标合格;其次,根据视频基调灵活运用快切或慢放,合理使用转场与音乐,适当留白;最后,可借助剪映ai辅助筛选高光时刻并调整节奏,但需人工复核。 ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费…

    2026年9月27日 • 用户投稿
    000
  • 忘记手机屏保密码怎么解开(解锁手机屏保密码的方法及技巧)

    忘记手机屏保密码怎么解开(解锁手机屏保密码的方法及技巧)忘记手机屏保密码怎么解开(解锁手机屏保密码的方法及技巧)忘记手机屏保密码怎么解开(解锁手机屏保密码的方法及技巧)忘记手机屏保密码怎么解开(解锁手机屏保密码的方法及技巧)

    手机屏保密码是保护个人隐私的一道屏障,然而有时候我们也会忘记自己设定的密码,导致无法解锁手机屏幕。当我们忘记了手机屏保密码时,应该如何解开呢?本文将介绍解锁手机屏保密码的一些方法和技巧。 灵机语音 灵机语音 56 查看详情 找回手机屏保密码的常用方法在忘记了手机屏保密码的情况下,有几个常用的方法可以…

    2026年9月27日 • 用户投稿
    100
  • 古生物复活计划:豆包AI+PaleoAI还原恐龙生态图文报告

    古生物复活计划:豆包AI+PaleoAI还原恐龙生态图文报告古生物复活计划:豆包AI+PaleoAI还原恐龙生态图文报告古生物复活计划:豆包AI+PaleoAI还原恐龙生态图文报告古生物复活计划:豆包AI+PaleoAI还原恐龙生态图文报告

    古生物复活计划并非复活恐龙,而是利用ai还原远古生态环境,并以图文形式呈现。paleoai负责搜集整理古生物学数据,包括化石、地质和植物信息;豆包ai则通过深度学习分析数据,推断气候、植被和动物行为,并生成3d生态场景。两者分工明确:paleoai确保数据科学性,豆包ai实现可视化呈现。为确保准确性…

    2026年9月27日 • 用户投稿
    200
  • 使用 GSON 和 Kotlin 泛型将 JSON 转换为自定义类

    使用 GSON 和 Kotlin 泛型将 JSON 转换为自定义类使用 GSON 和 Kotlin 泛型将 JSON 转换为自定义类使用 GSON 和 Kotlin 泛型将 JSON 转换为自定义类使用 GSON 和 Kotlin 泛型将 JSON 转换为自定义类

    本文档旨在解决在使用 GSON 和 Kotlin 泛型进行 JSON 反序列化时,将 JSON 数据转换为自定义类时遇到的 ClassCastException 问题。通过分析问题原因,提供解决方案,并介绍未来 GSON 版本中对此类问题的改进,帮助开发者更好地理解和使用 GSON 进行 Kotli…

    2026年9月27日 • 用户投稿
    100
  • 国内AI工具权威排名 十大国产人工智能应用解析

    国内AI工具权威排名 十大国产人工智能应用解析国内AI工具权威排名 十大国产人工智能应用解析国内AI工具权威排名 十大国产人工智能应用解析国内AI工具权威排名 十大国产人工智能应用解析

    要选择适合自己的国产ai工具,首先需明确需求,再根据易用性、功能性、性价比、社区支持和数据安全等五个方面进行评估。图像处理方面,推荐“稿定设计”和百度ai开放平台api;自然语言处理方面,有“秘塔写作猫”、百度翻译和有道翻译等;代码生成方面,阿里云的“通义灵码”具有较大潜力。国内ai工具发展迅速,应…

    2026年9月27日 • 用户投稿
    500
  • sublime许可证密钥是什么_sublime正版激活密钥获取方式

    sublime许可证密钥是什么_sublime正版激活密钥获取方式sublime许可证密钥是什么_sublime正版激活密钥获取方式sublime许可证密钥是什么_sublime正版激活密钥获取方式sublime许可证密钥是什么_sublime正版激活密钥获取方式

    Sublime Text可免费试用但官方建议购买授权。需通过官网支付99美元获取正版密钥,激活后去除提醒且支持多设备。网络流传密钥有封禁与安全风险,不推荐使用。购买的许可证永久有效,适用于当前大版本,新版本可能需额外付费。 Sublime Text 是一款广受欢迎的代码编辑器,以其轻量、快速和强大的…

    2026年9月27日 • 用户投稿
    200
  • Perplexity AI如何进行学术不端检测 Perplexity AI论文抄袭分析

    Perplexity AI如何进行学术不端检测 Perplexity AI论文抄袭分析Perplexity AI如何进行学术不端检测 Perplexity AI论文抄袭分析Perplexity AI如何进行学术不端检测 Perplexity AI论文抄袭分析Perplexity AI如何进行学术不端检测 Perplexity AI论文抄袭分析

    Perplexity AI 可以作为一种辅助工具,帮助用户对文本进行初步的学术不端分析,尤其是查找与特定文本片段相关的已知来源。 本文将指导您如何利用 Perplexity AI 的搜索和信息整合能力,来帮助您分析论文或文本的潜在抄袭风险。我们将通过分步骤的方式,详细讲解如何输入待分析的文本、如何提…

    2026年9月27日 • 用户投稿
    100
  • Claude 接管人类电脑 12 小时:学会摸鱼,敲着敲着代码看风景去了

    Claude 接管人类电脑 12 小时:学会摸鱼,敲着敲着代码看风景去了Claude 接管人类电脑 12 小时:学会摸鱼,敲着敲着代码看风景去了Claude 接管人类电脑 12 小时:学会摸鱼,敲着敲着代码看风景去了Claude 接管人类电脑 12 小时:学会摸鱼,敲着敲着代码看风景去了

    新版 claude 3.5 可以像人一样使用计算机,可把咱人类给兴奋坏了! 毕竟,这意味着新竞赛的开始:AI 不再只盯着对话和生成能力,更强调执行和操作。 不到 12 小时,激动的网友们已经纷纷贡献出自己是怎么看着 Claude 玩电脑的。 在 Anthropic 的发布公告中,还有这样一段引起了大…

    2026年9月27日 • 用户投稿
    200
  • 控制 JScrollPane 滚动条自动更新行为详解

    控制 JScrollPane 滚动条自动更新行为详解控制 JScrollPane 滚动条自动更新行为详解控制 JScrollPane 滚动条自动更新行为详解控制 JScrollPane 滚动条自动更新行为详解

    本教程将深入探讨如何有效控制 JScrollPane 的滚动条自动更新行为,特别是在内容动态变化时保持滚动条位置不变。通过设置滚动条策略为 NEVER,开发者可以阻止 JScrollPane 自动调整其水平或垂直滚动条的值,从而实现对滚动行为的精确控制,避免不必要的UI跳动,提升用户体验。 JScr…

    2026年9月27日 • 用户投稿
    100
  • 多模态AI如何处理工业CT扫描 多模态AI三维重建技术

    多模态AI如何处理工业CT扫描 多模态AI三维重建技术多模态AI如何处理工业CT扫描 多模态AI三维重建技术多模态AI如何处理工业CT扫描 多模态AI三维重建技术多模态AI如何处理工业CT扫描 多模态AI三维重建技术

    工业CT扫描能够提供物体内部结构的详细二维切片图像,但这些二维数据难以直观理解复杂的内部三维结构。传统的处理方法可能效率低下或难以应对数据中的噪声和伪影。多模态AI技术提供了一种强大的解决方案,它能够整合并分析来自CT扫描的丰富信息,从而实现高精度、高效率的三维重建。本文将介绍多模态AI如何处理工业…

    2026年9月27日 • 用户投稿
    100
  • 拼多多眼药水为啥那么便宜?这类商品有质量保证吗?拼多多眼药水便宜50%的秘密!是套路还是真划算?医生教你3招验真伪!

    拼多多眼药水为啥那么便宜?这类商品有质量保证吗?拼多多眼药水便宜50%的秘密!是套路还是真划算?医生教你3招验真伪!拼多多眼药水为啥那么便宜?这类商品有质量保证吗?拼多多眼药水便宜50%的秘密!是套路还是真划算?医生教你3招验真伪!拼多多眼药水为啥那么便宜?这类商品有质量保证吗?拼多多眼药水便宜50%的秘密!是套路还是真划算?医生教你3招验真伪!拼多多眼药水为啥那么便宜?这类商品有质量保证吗?拼多多眼药水便宜50%的秘密!是套路还是真划算?医生教你3招验真伪!

    一、拼多多眼药水价格低廉的三大核心原因 1. 供应链扁平化降低流通成本 拼多多实行“厂家直供+平台直营”模式,直接与药品生产商合作。相比传统销售链路中多层经销商不断加价,这种精简中间环节的供应方式可减少15%至30%的流通费用。 2. 平台补贴政策持续发力 依托百亿补贴专项支持,平台对医疗健康品类进…

    2026年9月27日 • 用户投稿
    300
  • Java Stream API处理嵌套对象字段求和:以购物车条目为例

    Java Stream API处理嵌套对象字段求和:以购物车条目为例Java Stream API处理嵌套对象字段求和:以购物车条目为例Java Stream API处理嵌套对象字段求和:以购物车条目为例Java Stream API处理嵌套对象字段求和:以购物车条目为例

    本文深入探讨如何利用Java Stream API高效地对复杂嵌套对象中的数值字段进行聚合求和。通过一个购物车条目的具体案例,演示了如何从多层级对象中提取并累加BigDecimal类型的费用数据,强调了mapToDouble、BigDecimal的精确计算以及在处理可能为空的字段时,结合注解进行nu…

    2026年9月27日 • 用户投稿
    100

发表回复

登录后才能评论
关注微信