请解释 ES6 中的静态方法 (Static Method) 和静态属性。如何定义和使用它们？

推荐答案

静态方法 (Static Method)

静态方法是定义在类本身而不是类的实例上的方法。它们通常用于创建与类相关的工具函数或辅助函数，而无需实例化类。

定义： 使用 static 关键字在类内部定义。

使用： 通过类名直接调用，而不是通过类的实例。

class MyClass {
  static staticMethod() {
    console.log("This is a static method.");
  }
}

MyClass.staticMethod(); // 输出: This is a static method.

静态属性 (Static Property)

静态属性是直接与类关联的属性，而不是类的实例的属性。它们通常用于存储类级别的常量、计数器或配置信息。

定义： 使用 static 关键字在类内部定义，且在类定义时直接赋值。

使用： 通过类名直接访问，而不是通过类的实例。

// www.javascriptcn.com code example
class MyClass {
    static count = 0;

    constructor(){
        MyClass.count++;
    }
}

let instance1 = new MyClass();
let instance2 = new MyClass();

console.log(MyClass.count); // 输出: 2

本题详细解读

静态方法（Static Method）

定义与特性

• 定义位置： 静态方法被定义在类的内部，使用 static 关键字进行修饰。它们不属于任何类的实例，而是属于类本身。
• 访问方式： 静态方法通过类名直接调用，形如 ClassName.staticMethodName()，不能通过类的实例访问。
• 用途： 静态方法通常用于执行与类相关的操作，例如：
  • 创建辅助函数或工具函数，这些函数不依赖于任何特定的实例。
  • 实现工厂模式，用于创建类的实例。
  • 提供与类相关的配置或实用程序功能。
• this 关键字： 在静态方法中，this 关键字指的是类本身，而不是类的实例。这与实例方法中的 this 指向当前实例有所不同。

示例

// www.javascriptcn.com code example
class MathUtils {
  static sum(a, b) {
    return a + b;
  }

  static generateRandomNumber() {
      return Math.random();
  }
}

console.log(MathUtils.sum(5, 3)); // 输出: 8
console.log(MathUtils.generateRandomNumber()); // 输出: 一个随机数

静态属性（Static Property）

定义与特性

• 定义位置： 静态属性也是在类的内部使用 static 关键字进行声明和定义。
• 存储位置： 静态属性是直接存储在类本身上的，而不是存储在类的实例上。
• 访问方式： 静态属性通过类名直接访问，形如 ClassName.staticPropertyName，不能通过类的实例访问。
• 用途： 静态属性常用于存储以下信息：
  • 类的常量，例如配置信息或预定义的值。
  • 类的计数器，跟踪类的实例数量或其他与类相关的计数。
  • 与类相关的状态或数据。

示例

// www.javascriptcn.com code example
class Counter {
    static count = 0; // 静态属性初始化

    constructor() {
        Counter.count++; // 构造函数中访问并修改静态属性
    }

    static getCount(){
        return Counter.count;
    }
}

let counter1 = new Counter();
let counter2 = new Counter();
let counter3 = new Counter();
console.log(Counter.count);  //输出: 3
console.log(Counter.getCount()); // 输出：3

对比实例属性和方法