如何在 JavaScript ES6 類別中建立和存取私有屬性？-js教程-PHP中文網

如何在 JavaScript ES6 類別中建立和存取私有屬性？

Susan Sarandon

發布： 2024-12-27 08:11:09

原創

851 人瀏覽過

How Do I Create and Access Private Properties in JavaScript ES6 Classes?

JavaScript ES6 類別中的私有屬性

簡介

在以前的Java 版本中，類別屬性始終可以在同一類別實例中以及從其他實例和類別存取。然而，隨著 ES6 的引入，現在可以建立私有屬性，從而限制對類別中特定屬性的存取。

建立私有屬性

class Something {
  constructor() {
    this.#property = "test"; // private property
  }
}

登入後複製

建立私有屬性在 ES6 類別中，在屬性名稱前面加上雜湊 (#)。此語法表明該屬性是私有的，不應直接存取。

例如，請考慮以下程式碼：

在此範例中，property 屬性以哈希為前綴，使其在課堂外無法存取。

存取私有屬性

class Something {
  constructor() {
    this.#property = "test"; // private property
  }

  get property() {
    return this.#property;
  }
}

登入後複製

私有屬性不能直接從類別外部存取。但是，您可以使用 getter 方法來檢索私有屬性的值。

例如，要存取上一個範例中的屬性私有值，我們可以將以下 getter 方法加入類別：

const instance = new Something();
console.log(instance.property); // Output: "test"

登入後複製

現在，我們可以使用屬性 getter方法存取私有屬性值：

私有屬性和方法是不可枚舉的（即，在迭代物件時它們不會出現）屬性）。從 ES2023 開始，大多數都支援私有欄位瀏覽器。

以上是如何在 JavaScript ES6 類別中建立和存取私有屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！