《一文看懂 JavaScript 中的类成员可见性》

前端

2023-09-02 01:17:26

JavaScript 中的类成员可见性：控制数据访问和安全性

随着 JavaScript 在现代前端开发中广泛应用，其面向对象的编程能力变得越来越重要。ES6 中引入的 class 允许开发人员创建具有封装、继承和多态性的对象。然而，为了充分利用这些优势，理解和管理类成员的可见性至关重要。

什么是成员可见性？

在 JavaScript 中，类的成员（属性和方法）可以具有不同的可见性级别，从而控制它们可以在哪里访问：

Public（公共）： 公共成员可以在类内外访问。它们是默认的可见性级别，允许外部代码直接交互。
Private（私有）： 私有成员只能在类内部访问。它们无法从外部代码直接访问，提供更高的数据安全性。
Protected（受保护）： 受保护的成员可以在类及其子类中访问，但在类外无法访问。它们有助于实现继承和封装。
真私有属性： 真私有属性通过在属性名前加上 # 符号声明，只能在类内部访问，即使是子类也无法访问。它们提供最严格的数据封装。

成员可见性的重要性

管理成员可见性对于编写安全、可维护和可重用的代码至关重要。它提供以下优势：

封装： 通过将内部实现细节隐藏起来，成员可见性实现封装，只暴露必要的接口。这提高了代码的可维护性和安全性。
数据安全性： 控制成员访问权限有助于保护敏感数据不被未授权的访问。例如，你可能不希望外部代码直接访问用户的密码。
代码重用： 适当的成员可见性允许创建可重用的代码模块。例如，你可以将公共成员作为接口暴露给其他类，而将私有成员作为实现细节隐藏起来。
继承： 在 JavaScript 中，子类可以继承父类的受保护成员和公共成员，但无法继承私有成员。这有助于控制子类对父类成员的访问权限。

代码示例

考虑以下 JavaScript 代码，其中 Person 类演示了不同成员可见性的使用：

class Person {
  public name = "John Doe";

  private age = 25;

  protected getFullName() {
    return this.name;
  }

  #getPrivateInfo() {
    return "This is private information";
  }
}

// 创建 Person 对象
const person = new Person();

// 访问公共成员
console.log(person.name); // John Doe

// 无法访问私有成员
// console.log(person.age); // Error: age is private

// 访问受保护成员
console.log(person.getFullName()); // John Doe

// 无法访问真私有属性
// console.log(person.#getPrivateInfo()); // Error: #getPrivateInfo is private