JavaScript 中 ES6

在ES6（ECMAScript 2015）中，JavaScript引入了一些新的语法和特性来支持面向对象编程（OOP）。下面是对ES6中面向对象编程的详细解释：

1. 类（Class）： ES6引入了类的概念，使得面向对象编程更加直观和易用。类是对象的蓝图，用于定义对象的属性和方法。

   class Person {
     constructor(name) {
       this.name = name;
     }
   
     sayHello() {
       console.log(`Hello, my name is ${this.name}.`);
     }
   }
   
   let person = new Person("John");
   person.sayHello();  // 输出：Hello, my name is John.
   

2. 构造函数（Constructor）： 类中的构造函数通过 constructor 关键字定义。它在创建类的实例时被调用，并用于初始化对象的状态。

   class Person {
     constructor(name) {
       this.name = name;
     }
   }
   
   let person = new Person("John");
   console.log(person.name);  // 输出：John
   

3. 继承（Inheritance）： ES6引入了 extends 关键字，使得类可以继承另一个类的属性和方法。子类可以通过继承获得父类的特性，并且可以扩展或重写它们。

   class Animal {
     constructor(name) {
       this.name = name;
     }
   
     speak() {
       console.log(`${this.name} makes a sound.`);
     }
   }
   
   class Dog extends Animal {
     speak() {
       console.log(`${this.name} barks.`);
     }
   }
   
   let dog = new Dog("Buddy");
   dog.speak();  // 输出：Buddy barks.
   

4. 静态方法（Static Methods）： 静态方法属于类本身，而不是类的实例。它们可以通过类名直接调用，无需创建对象实例。

   class MathUtils {
     static add(a, b) {
       return a + b;
     }
   }
   
   console.log(MathUtils.add(2, 3));  // 输出：5
   

5. Getter 和 Setter： ES6引入了 get 和 set 关键字，用于定义访问对象属性的特殊方法。get 用于获取属性值，set 用于设置属性值。

   class Circle {
     constructor(radius) {
       this.radius = radius;
     }
   
     get diameter() {
       return this.radius * 2;
     }
   
     set diameter(diameter) {
       this.radius = diameter / 2;
     }
   }
   
   let circle = new Circle(5);
   console.log(circle.diameter);  // 输出：10
   circle.diameter = 14;
   console.log(circle.radius);  // 输出：7
   

6. 箭头函数（Arrow Functions）： 箭头函数是ES6中的一种新的函数语法，它具有更简洁的语法形式和词法作用域绑定。箭头函数通常用于定义类方法和回调函数。

   class Timer {
     constructor() {
       this.seconds = 0;
     }
   
     start() {
       setInterval(() => {
         this.seconds++;
         console.log(`Timer: ${this.seconds} seconds.`);
       }, 1000);
     }
   }
   
   let timer = new Timer();
   timer.start();  // 每秒输出计时器的秒数
   

---

ES6的面向对象编程引入了类、构造函数、继承、静态方法、Getter和Setter等特性，使得JavaScript更加适合大型应用程序和复杂的代码组织。这些新的语法和特性提供了更清晰、更模块化的代码结构，使得面向对象编程更加直观和易于理解。