静如止水，动若脱兔：class 常用方法揭秘

2024-02-10 14:11:55

静态方法：不动如山，一呼百应

静态方法是作用于类本身，而不是实例的方法。它可以通过类名直接调用，无需创建实例。静态方法通常用于执行与类相关的操作，例如获取类信息、创建实例或进行类型检查。

使用场景：

获取类信息：静态方法可以用来获取类的名称、构造函数和属性等信息。
创建实例：静态方法可以用来创建类的实例，而无需使用 new 运算符。
类型检查：静态方法可以用来检查一个变量是否属于某个类。

示例：

class Person {
  static getClassName() {
    return 'Person';
  }

  static createInstance(name, age) {
    return new Person(name, age);
  }

  static isPerson(obj) {
    return obj instanceof Person;
  }
}

// 获取类信息
console.log(Person.getClassName()); // Person

// 创建实例
const person1 = Person.createInstance('John', 30);
console.log(person1); // Person { name: 'John', age: 30 }

// 类型检查
console.log(Person.isPerson(person1)); // true

类方法：静动结合，一石二鸟

类方法是作用于类实例，但只能通过类名来调用的方法。它与静态方法的区别在于，类方法需要先创建实例，然后才能调用。类方法通常用于执行与实例相关、但又与具体实例无关的操作。

使用场景：

初始化实例：类方法可以用来初始化实例的属性或执行某些操作。
获取实例信息：类方法可以用来获取实例的信息，例如实例的名称或属性值。
操作实例：类方法可以用来对实例进行操作，例如修改属性值或调用实例方法。

示例：

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

  static greet() {
    console.log('Hello from Person class!');
  }

  getName() {
    return this.name;
  }

  setAge(age) {
    this.age = age;
  }
}

// 调用类方法
Person.greet(); // Hello from Person class!

// 创建实例
const person1 = new Person('John', 30);

// 调用实例方法
console.log(person1.getName()); // John

// 修改实例属性
person1.setAge(35);
console.log(person1.age); // 35

实例方法：灵动多变，独一无二

实例方法是作用于类实例的方法，只能通过实例来调用。它与类方法的区别在于，实例方法需要先创建实例，然后才能调用。实例方法通常用于执行与具体实例相关、且只能由该实例执行的操作。

使用场景：

操作实例属性：实例方法可以用来操作实例的属性，例如修改属性值或获取属性值。
调用其他实例方法：实例方法可以用来调用其他实例方法，以完成更复杂的操作。
与外部世界交互：实例方法可以用来与外部世界交互，例如发送请求或接收数据。

示例：

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

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

  introduce() {
    this.greet();
    console.log('Nice to meet you!');
  }
}

// 创建实例
const person1 = new Person('John', 30);

// 调用实例方法
person1.greet(); // Hello, my name is John and I am 30 years old.
person1.introduce(); // Hello, my name is John and I am 30 years old. Nice to meet you!