ES6 class静态成员

原创

堕落飞鸟

发布于 2023-05-23 09:34:12

2140

发布于 2023-05-23 09:34:12

文章被收录于专栏：飞鸟的专栏

静态成员的概念

静态成员是指属于类本身而不是实例的属性和方法。它们在类定义时被声明，而不是在每个实例上创建。静态成员被类的所有实例共享，并且可以通过类本身进行访问。

静态成员的主要作用是与类本身相关的操作或共享数据。例如，可以使用静态方法实现工具函数或提供类级别的计数器。

语法

ES6 class中定义静态成员的语法如下：

class ClassName {
  static propertyName = value;

  static methodName(/* parameters */) {
    // 方法代码
  }
}

在类的内部，使用static关键字来声明静态属性和静态方法。静态属性的赋值可以直接在声明时进行，而静态方法则需要在方法体内部定义。

示例

让我们通过一些示例来理解ES6 class中静态成员的使用。

示例1：定义和访问静态属性

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：定义和调用静态方法

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()调用静态方法，传入相应的参数，得到计算结果。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

前端

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

前端

登录后参与评论

0 条评论

热度