深入剖析JavaScript面向对象编程之class

2024-01-20 05:33:55

序言

JavaScript作为当今最流行的编程语言之一，其面向对象编程能力一直备受开发者青睐。而class的引入更是将JavaScript的面向对象编程提升到了一个新的高度。本文将深入剖析JavaScript中class的特性、用法和最佳实践，助你领略class的强大魅力。

揭秘class

class是JavaScript中用来定义和创建对象的模板。它允许开发者使用简洁的语法创建具有封装、继承和多态特性的复杂对象。

1. class的基本语法

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

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

2. class的属性

class可以定义属性，即存储对象数据的字段。属性可以在constructor方法中声明，也可以在class内部声明。

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

  // 定义class属性
  static species = "Homo sapiens";
}

3. class的方法

方法是class中定义的行为。它们允许对象执行特定操作。方法可以在constructor方法中声明，也可以在class内部声明。

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

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

  // 定义class方法
  static isAdult(age) {
    return age >= 18;
  }
}

4. class的继承

继承允许从现有class创建新的class，同时继承父类的属性和方法。子class可以使用super()访问父class的构造函数和方法。

class Student extends Person {
  constructor(name, age, grade) {
    super(name, age);
    this.grade = grade;
  }

  study() {
    console.log(`${this.name} is studying.`);
  }
}

5. class的多态

多态是指派生class可以覆盖父class中的方法并提供自己的实现。这允许不同的对象类型对相同的操作表现出不同的行为。

class Employee extends Person {
  constructor(name, age, salary) {
    super(name, age);
    this.salary = salary;
  }

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