Javascript中类详解

在JavaScript中，类（Class）是一种复合数据类型，它允许你通过原型链（prototype chain）来创建具有共享属性和方法的对象。下面是对类、构造器、类属性、类私有属性、方法、静态方法等内容的详细解释。

1. 类（Class）

类是一种蓝图或模板，用于创建对象。在ES6（ECMAScript 2015）及以后的版本中，JavaScript引入了类的语法，使得对象的创建更加清晰和易于管理。

class Person {  
  // 类体  
}

2. 构造器（Constructor）

构造器是一个特殊的方法，用于在创建对象时初始化对象。在类中，构造器名为constructor。当使用new关键字创建类的实例时，会自动调用构造器。

class Person {  
  constructor(name, age) {  
    this.name = name;  
    this.age = age;  
  }  
}  
  
const person = new Person('Alice', 30);  
console.log(person.name); // 输出: Alice  
console.log(person.age); // 输出: 30

3. 类属性（Class Properties）

在ES2020（ES11）之前，类属性只能在构造器内部定义。但从ES2020开始，你可以在类体中直接定义属性。

class Person {  
  name = 'Unknown'; // 类属性  
  
  constructor(age) {  
    this.age = age;  
  }  
}  
  
const person = new Person(25);  
console.log(person.name); // 输出: Unknown  
console.log(person.age); // 输出: 25

4. 类私有属性（Class Private Fields）

私有属性是ES2020（ES11）中引入的一个新特性，允许你在类内部定义只能被类内部方法访问的属性。私有属性通过在属性名前加上#符号来标识。

class Person {  
  #name; // 私有属性  
  
  constructor(name, age) {  
    this.#name = name; // 只能在类内部访问和修改  
    this.age = age;  
  }  
  
  getName() {  
    return this.#name; // 可以在类的方法中访问  
  }  
}  
  
const person = new Person('Bob', 35);  
console.log(person.getName()); // 输出: Bob  
// console.log(person.#name); // 语法错误，外部无法访问私有属性

5. 方法（Methods）

方法是定义在类中的函数，用于执行特定的操作。它们可以访问和修改类的属性。

class Person {  
  constructor(name) {  
    this.name = name;  
  }  
  
  greet() {  
    console.log(`Hello, my name is ${this.name}!`);  
  }  
}  
  
const person = new Person('Charlie');  
person.greet(); // 输出: Hello, my name is Charlie!

6. 静态方法（Static Methods）

静态方法是定义在类上而不是类的实例上的方法。它们通过类本身来调用，而不是类的实例。静态方法不能访问类的实例属性，但可以访问其他静态属性和方法。

class MathUtils {  
  static sum(a, b) {  
    return a + b;  
  }  
}  
  
console.log(MathUtils.sum(2, 3)); // 输出: 5  
// 注意：静态方法不能通过类的实例来调用  
// const utils = new MathUtils();  
// console.log(utils.sum(2, 3)); // 这将不会工作，因为sum是静态的

7. this 关键字

在类中，this关键字用于引用当前对象的实例。在构造器、方法或计算属性中，this指向调用它们的对象实例。

class Person {  
  constructor(name) {  
    this.name = name; // this指向新创建的Person实例  
  }  
  
  greet() {  
    console.log(`Hello, my name is ${this.name}!`); // this指向调用greet方法的Person实例  
  }  
}  
  
const person = new Person('Charlie');  
person.greet(); // 输出: Hello, my name is Charlie!

总结

• 类是创建对象的蓝图。
• 构造器用于初始化新创建的对象。
• 类属性可以是公开的或私有的。
• 私有属性通过#符号标识，只能在类内部访问。
• 方法是定义在类中的函数，可以访问和修改类的属性。
• 静态方法定义在类上，通过类本身调用，不能访问类的实例属性。
• this关键字在类中用于引用当前对象的实例。