揭开class的另一面：深入探索高级用法，引领编程新思维
2023-12-28 18:47:45
在上一篇博文中，我们对class的基本语法进行了全面剖析，相信大家已经对class有了一个初步的认识。然而，class的魅力远不止于此。今天，我们将继续深入探究class的奥秘，揭开它高级用法的面纱，让您对class有更深入的理解和运用。
一、静态方法与静态属性
静态方法和静态属性是class独有的特性，它们不属于任何一个实例，而是属于整个class。静态方法和静态属性的声明和使用都与实例方法和实例属性不同，需要特殊的语法。
1. 静态方法
静态方法是使用static声明的方法，它只能通过class名称来调用，而不能通过实例来调用。静态方法通常用于执行与整个class相关的操作，而不是与某个特定实例相关。
例如，我们定义一个Person类，它具有一个静态方法getName()，用于返回一个随机的姓名：
class Person {
static getName() {
const names = ["John", "Mary", "Bob", "Alice", "Tom"];
const randomIndex = Math.floor(Math.random() * names.length);
return names[randomIndex];
}
}
// 通过类名调用静态方法
const name = Person.getName();
console.log(name); // 输出：John
2. 静态属性
静态属性是使用static关键字声明的属性，它与静态方法一样，只能通过class名称来访问，而不能通过实例来访问。静态属性通常用于存储与整个class相关的数据，而不是与某个特定实例相关的数据。
例如，我们定义一个Student类，它具有一个静态属性totalStudents，用于存储所有学生的总数：
class Student {
static totalStudents = 0;
constructor(name) {
this.name = name;
Student.totalStudents++;
}
// ...其他方法
}
// 通过类名访问静态属性
console.log(Student.totalStudents); // 输出：0
// 创建三个学生实例
const student1 = new Student("John");
const student2 = new Student("Mary");
const student3 = new Student("Bob");
// 再次通过类名访问静态属性
console.log(Student.totalStudents); // 输出：3
二、实例属性的新写法
在ES6中，实例属性可以采用新的写法，这种写法更加简洁和直观。新写法的实例属性直接在class的构造函数中声明，不需要使用constructor关键字。
例如，我们可以将上面的Student类中的实例属性name和age重写为新的写法：
class Student {
static totalStudents = 0;
name; // 实例属性
age; // 实例属性
constructor(name, age) {
this.name = name;
this.age = age;
Student.totalStudents++;
}
// ...其他方法
}
三、私有方法和私有属性
私有方法和私有属性是class中非常重要的概念，它们可以将某些方法和属性隐藏起来，使其只能在类内部访问，从而提高代码的安全性。
1. 私有方法
私有方法是使用#号声明的方法，它只能在类内部调用，不能在类外部调用。私有方法通常用于执行一些辅助性操作，不需要对外暴露。
例如，我们可以将上面的Student类中的getName()方法重写为私有方法：
class Student {
static totalStudents = 0;
name;
age;
#getName() {
return this.name;
}
// ...其他方法
}
2. 私有属性
私有属性是使用#号声明的属性，它只能在类内部访问，不能在类外部访问。私有属性通常用于存储一些敏感数据，需要对外隐藏。
例如，我们可以将上面的Student类中的age属性重写为私有属性：
class Student {
static totalStudents = 0;
name;
#age;
constructor(name, age) {
this.name = name;
this.#age = age;
Student.totalStudents++;
}
// ...其他方法
}
四、new.target 属性
new.target属性是一个特殊的属性，它在构造函数中可用。new.target属性指向当前正在被调用的构造函数，可以通过它来判断当前正在创建哪个类的实例。
例如，我们可以使用new.target属性来实现一个通用的工厂函数，根据不同的参数来创建不同的类实例：
function createInstance(type, ...args) {
// 根据type来判断要创建哪个类的实例
const Class = new.target;
return new Class(...args);
}
// 创建一个Person实例
const person = createInstance(Person, "John", 20);
// 创建一个Student实例
const student = createInstance(Student, "Mary", 18);
console.log(person instanceof Person); // 输出：true
console.log(student instanceof Student); // 输出：true
五、子类继承父类
子类继承父类是面向对象编程中非常重要的概念，它允许子类复用父类的方法和属性，从而实现代码的重用和维护。
1. 继承语法
子类继承父类的语法很简单，只需在子类声明中使用extends关键字指定父类即可。例如，我们可以定义一个Student类，它继承自Person类：
class Student extends Person {
// ...子类特有的方法和属性
}
2. 方法重写和属性重写
子类可以重写父类的方法和属性，即子类可以定义与父类同名的方法和属性，但具有不同的实现。例如，我们可以重写Student类中的getName()方法：
class Student extends Person {
getName() {
return super.getName() + " (student)";
}
// ...其他方法和属性
}
3. super关键字
super关键字用于访问父类的方法和属性，它在子类中可用。super关键字可以调用父类的方法，也可以访问父类的属性。例如，我们可以在Student类中使用super关键字来调用父类getName()方法：
class Student extends Person {
getName() {
return super.getName() + " (student)";
}
// ...其他方法和属性
}
结语
通过本文，我们对class的高级用法进行了全面的探索。从静态方法、静态属性到实例属性的新写法，从私有方法、私有属性到new.target属性，从子类继承父类到方法重写和属性重写，我们对class的方方面面都有了更深入的了解。希望这些知识能够帮助您在开发中更加熟练地运用class，编写出更加优雅和高效的代码。
