JavaScript面向对象实现及类对象创建方法

今日不肯埋头，明日何以抬头！每日一句努力自己的话哈哈~哈喽，今天我将给大家带来一篇《JavaScript如何实现面向对象？类和对象怎么创建？》，主要内容是讲解等等，感兴趣的朋友可以收藏或者有更好的建议在评论提出，我都会认真看的！大家一起进步，一起学习！

JavaScript 的 OOP 基于原型机制，ES6 的 class 是构造函数+原型的语法糖；需用 constructor 初始化，通过 new 创建实例并建立原型链；子类用 extends 继承、super 调用父构造器；传统函数构造器写法更底层但原理相同。

JavaScript 的面向对象编程（OOP）不像 Java 或 C++ 那样有原生的“类”概念（ES6 之前），而是基于原型（prototype）的机制。但现代 JS（ES6+）引入了 class 语法，它本质上是原型继承的语法糖，写起来更直观，也更贴近传统 OOP 语言的习惯。

用 class 关键字定义类

ES6 的 class 不是全新机制，只是让构造函数 + 原型操作更简洁。它必须配合 constructor 方法使用，用于初始化实例属性。

例如创建一个表示人的类：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`你好，我是${this.name}，今年${this.age}岁`);
  }
}

注意：class 内部方法默认不可枚举；不能省略 constructor（不写会自动生成空构造器）；class 声明不会被提升（必须先声明再使用）。

用 new 创建对象（实例）

类定义好后，用 new 调用类名即可生成新对象：

const alice = new Person('Alice', 28);
const bob = new Person('Bob', 31);

alice.greet(); // 你好，我是Alice，今年28岁
bob.greet();   // 你好，我是Bob，今年31岁

每次 new 都会：创建空对象 → 把该对象的 __proto__ 指向类的 prototype → 执行 constructor 并绑定 this → 返回该对象。

类的继承：extends 和 super

子类通过 extends 继承父类，必须在 constructor 中调用 super()（否则报错），用来初始化父类的 this。

• super() 相当于调用父类的 constructor
• super.xxx 可以访问父类的属性或方法

class Student extends Person {
  constructor(name, age, grade) {
    super(name, age); // 必须先调用 super
    this.grade = grade;
  }

  study() {
    console.log(`${this.name}正在学习`);
  }
}

const tom = new Student('Tom', 20, '大二');
tom.greet(); // 继承自 Person
tom.study(); // 自己的方法

不使用 class 的传统方式（构造函数 + prototype）

理解原型链本质，有助于调试和兼容老环境：

• 用普通函数模拟构造器：function Person(name, age) { this.name = name; this.age = age; }
• 方法挂到 Person.prototype 上，避免重复创建：Person.prototype.greet = function() { ... };
• 同样用 new Person(...) 创建实例，原理一致

这种写法更底层，但 class 已成为主流推荐写法——更清晰、支持 static、get/set、私有字段（#field）等特性。

基本上就这些。类和对象的创建不复杂，关键是理解 new 背后的原型链接逻辑，而不是把 class 当成完全独立的机制。

本篇关于《JavaScript面向对象实现及类对象创建方法》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！