静态成员的概念
静态成员是指属于类本身而不是实例的属性和方法。它们在类定义时被声明，而不是在每个实例上创建。静态成员被类的所有实例共享，并且可以通过类本身进行访问。
静态成员的主要作用是与类本身相关的操作或共享数据。例如，可以使用静态方法实现工具函数或提供类级别的计数器。
语法
ES6 class中定义静态成员的语法如下：
代码语言：javascript复制class ClassName {
static propertyName = value;
static methodName(/* parameters */) {
// 方法代码
}
}在类的内部，使用static关键字来声明静态属性和静态方法。静态属性的赋值可以直接在声明时进行，而静态方法则需要在方法体内部定义。
示例
让我们通过一些示例来理解ES6 class中静态成员的使用。
示例1：定义和访问静态属性
代码语言：javascript复制class Circle {
static pi = 3.1416;
radius;
constructor(radius) {
this.radius = radius;
}
static calculateArea(circle) {
return Circle.pi * circle.radius * circle.radius;
}
}
const circle1 = new Circle(5);
console.log(Circle.pi); // 输出：3.1416
console.log(circle1.pi); // 输出：undefined
console.log(Circle.calculateArea(circle1)); // 输出：78.54在上面的示例中，我们定义了一个Circle类，并在类的内部声明了一个静态属性pi和一个实例属性radius。静态属性pi被所有Circle类的实例共享，并且可以通过Circle.pi进行访问。实例属性radius则是每个实例独立的。
我们还定义了一个静态方法calculateArea()，它接收一个Circle实例作为参数，并计算圆的面积。通过Circle.calculateArea()调用静态方法，传入circle1实例，可以计算出圆的面积。
示例2：定义和调用静态方法
代码语言：javascript复制class MathUtils {
static sum(...numbers) {
return numbers.reduce((acc, cur) => acc cur, 0);
}
}
console.log(MathUtils.sum(1, 2, 3)); // 输出：6
console.log(MathUtils.sum(4, 5, 6, 7)); // 输出：22在这个示例中，我们定义了一个MathUtils类，并声明了一个静态方法sum()。该方法接收可变数量的参数，并使用reduce()方法计算这些参数的总和。可以直接通过MathUtils.sum()调用静态方法，传入相应的参数，得到计算结果。
