ES6中的class语法，Javascript面向对象的革命

2024-01-29 13:23:44

ES6中的class语法

在ES6中，class是一种新的语法结构，用于定义和实例化对象。class语法由class、类名和类体组成。类体由一对大括号{}包围，其中包含了类的属性和方法。

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.`);
  }
}

上例中，我们定义了一个名为Person的类。该类有两个属性：name和age。它还具有一个名为greet的方法，该方法用于向控制台打印出该人的姓名和年龄。

要实例化一个类，我们可以使用new关键字，如下所示：

const person1 = new Person('John', 30);
person1.greet(); // Hello, my name is John and I am 30 years old.

上例中，我们使用new关键字实例化了一个Person对象，并将其存储在person1变量中。然后，我们调用person1对象的greet方法，该方法向控制台打印出该人的姓名和年龄。

ES6 class语法与ES5对象的比较

ES6的class语法与ES5的对象在功能上是等价的，但class语法更加简洁和易于理解。

在ES5中，我们通常使用构造函数来定义对象。构造函数是一个特殊的函数，它用于初始化对象的属性和方法。构造函数的名称与类的名称相同，并且它总是以大写字母开头。

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

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

const person1 = new Person('John', 30);
person1.greet(); // Hello, my name is John and I am 30 years old.