Javascript中如何进行面向对象编程?

11次阅读

JavaScript OOP 基于原型而非类,ES6 class 仅为语法糖;核心是对象创建、属性 / 方法共享、继承与封装;推荐 class 写法但需注意私有字段限制;手动操作 prototype 可深入理解机制;封装可用闭包或 #私有字段;组合优于继承。

Javascript 中如何进行面向对象编程?

JavaScript 中的 面向对象编程(OOP)不是靠类模板强制实现的,而是基于原型(prototype)的动态机制。ES6 引入了 class 语法,但它只是对原型继承的语法糖,底层仍是原型链。掌握核心在于理解对象创建、属性 / 方法共享、继承关系和封装意图。

用 class 定义构造逻辑(推荐现代写法)

class 让结构更清晰,但要注意它不支持私有字段(直到 ES2022 的 #field)和真正意义上的访问控制。

  • 使用 constructor() 初始化实例属性
  • 方法直接写在 class 内部,默认添加到原型上,所有实例共享
  • 静态方法用 static 关键字,属于类本身,不被实例继承

示例:

class Person {constructor(name, age) {this.name = name; // 实例属性     this.age = age;}   greet() { return `Hi, I'm ${this.name}`; } // 原型方法   static species() { return'Homo sapiens';} // 静态方法 }

手动操作 prototype 实现复用与继承

理解 class 背后发生了什么,有助于调试和兼容旧环境。

  • 函数声明自动拥有 prototype 对象,用于挂载共享方法
  • Object.create(父。prototype) 设置子类原型链,再修正 constructor
  • 调用父构造函数用 Parent.call(this, ……) 实现属性继承

等价于上面 class 的函数写法:

function Person(name, age) {this.name = name;   this.age = age;} Person.prototype.greet = function() {   return `Hi, I'm ${this.name}`; };

模拟封装:用闭包或 # 私有字段限制访问

JavaScript 没有 public/private 关键字,但可通过约定或语言特性靠近封装目标。

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

  • 下划线前缀(如 _internal)是社区约定,不阻止访问,仅提示“请勿直接使用”
  • 利用闭包在构造函数内定义变量,仅通过特权方法暴露有限接口
  • ES2022 起可使用 #privateField,真正不可外部访问(注意 浏览器 兼容性)

组合优于继承:用对象拼装行为

JavaScript 灵活,常通过混入(mixin)或属性赋值组合功能,比深继承链更轻量、更可控。

  • Object.assign(target, source1, source2) 复制方法到实例
  • 写一个 mixin 函数,接收构造器并扩展其 prototype
  • 避免多层继承导致的原型链过长和语义模糊

基本上就这些。不必强求“像 Java 一样写”,关键是用原型机制达成可维护、可复用、职责清晰的对象结构。

以上就是 Javascript 中如何进行

星耀云
版权声明:本站原创文章,由 星耀云 2025-12-18发表,共计1265字。
转载说明:转载本网站任何内容,请按照转载方式正确书写本站原文地址。本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。
text=ZqhQzanResources