首頁 > web前端 > js教程 > 如何在 JavaScript ES6 類別中建立和存取私有屬性?

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

Susan Sarandon
發布: 2024-12-27 08:11:09
原創
843 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板