JavaScript 里的类：揭秘面向对象编程新特征

2024-02-11 23:15:52

终于，JavaScript 也有了类（class）的概念，它在面向对象编程中的运用令 JavaScript 开发人员欢呼雀跃。在以往，我们都是使用 function 和原型 prototype 来模拟类来实现面向对象编程的，但现在，我们终于可以像其他编程语言一样，直接使用 class 来定义对象了。

让我们一起探索 JavaScript 中的类，了解类与原型 prototype 的区别，以及如何使用类来构建复杂的对象结构。这篇文章将带您领略 JavaScript 中面向对象编程的新特征，助力您成为更出色的 JavaScript 开发者。

类与原型prototype的区别

在 JavaScript 中，类和原型 prototype 都是用来创建对象的，但两者之间存在着本质的区别。类是一种语法糖，它允许我们使用更简洁、更易读的方式来定义对象。而原型 prototype 是一个指向另一个对象的指针，它允许我们访问和修改对象的属性和方法。

类

类是一种语法糖，它允许我们使用更简洁、更易读的方式来定义对象。
类是基于原型 prototype 的，它继承了原型 prototype 的属性和方法。
类可以创建多个实例，每个实例都有自己的属性和方法。

原型prototype

原型 prototype 是一个指向另一个对象的指针，它允许我们访问和修改对象的属性和方法。
每个对象都有一个原型 prototype，它指向该对象的构造函数。
原型 prototype 可以被修改，从而改变对象的行为。

如何使用类来构建复杂的对象结构

使用类来构建复杂的对象结构非常简单，只需要按照以下步骤操作即可：

定义一个类，并在其中定义对象的属性和方法。
创建一个类的实例。
使用类的实例来访问和修改对象的属性和方法。

下面是一个使用类来构建复杂对象的结构的示例：

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

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

const person = new Person('John Doe', 30);
person.greet();