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

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, ...)实现属性继承
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.greet = function() {
return `Hi, I'm ${this.name}`;
};模拟封装:用闭包或 # 私有字段限制访问
JavaScript 没有 public/private 关键字,但可通过约定或语言特性靠近封装目标。
由于疫情等原因大家都开始习惯了通过互联网上租车服务的信息多方面,且获取方式简便,不管是婚庆用车、旅游租车、还是短租等租车业务。越来越多租车企业都开始主动把租车业务推向给潜在需求客户,所以如何设计一个租车网站,以便在同行中脱颖而出就重要了,易优cms针对租车行业市场需求、目标客户、盈利模式等,进行策划、设计、制作,建设一个符合用户与搜索引擎需求的租车网站源码。 网站首页
立即学习“Java免费学习笔记(深入)”;
- 下划线前缀(如
_internal)是社区约定,不阻止访问,仅提示“请勿直接使用” - 利用闭包在构造函数内定义变量,仅通过特权方法暴露有限接口
- ES2022 起可使用
#privateField,真正不可外部访问(注意浏览器兼容性)
组合优于继承:用对象拼装行为
JavaScript 灵活,常通过混入(mixin)或属性赋值组合功能,比深继承链更轻量、更可控。
- 用
Object.assign(target, source1, source2)复制方法到实例 - 写一个 mixin 函数,接收构造器并扩展其 prototype
- 避免多层继承导致的原型链过长和语义模糊
基本上就这些。不必强求“像 Java 一样写”,关键是用原型机制达成可维护、可复用、职责清晰的对象结构。










