首页 > web前端 > js教程 > 如何在 JavaScript ES6 类中创建和访问私有属性?

如何在 JavaScript ES6 类中创建和访问私有属性?

Susan Sarandon
发布: 2024-12-27 08:11:09
原创
844 人浏览过

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

JavaScript ES6 类中的私有属性

简介

在以前的 JavaScript 版本中,类属性始终可以在同一类实例中以及从其他实例和类访问。然而,随着 ES6 的引入,现在可以创建私有属性,从而限制对类中特定属性的访问。

创建私有属性

创建私有属性在 ES6 类中,在属性名称前添加哈希 (#)。此语法表明该属性是私有的,不应直接访问。

例如,请考虑以下代码:

class Something {
  constructor() {
    this.#property = "test"; // private property
  }
}
登录后复制

在此示例中,property 属性以哈希为前缀,使其在课堂外无法访问。

访问私有属性

私有属性不能直接从类外部访问。但是,您可以使用 getter 方法来检索私有属性的值。

例如,要访问上一个示例中的属性私有值,我们可以将以下 getter 方法添加到类中:

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

  get property() {
    return this.#property;
  }
}
登录后复制

现在,我们可以使用属性 getter 方法访问私有属性值:

const instance = new Something();
console.log(instance.property); // Output: "test"
登录后复制

其他注意

  • 也可以使用相同的哈希语法创建私有方法。
  • 私有属性和方法是不可枚举的(即,在迭代对象时它们不会出现)属性)。
  • 从 ES2023 开始,大多数都支持私有字段浏览器。

以上是如何在 JavaScript ES6 类中创建和访问私有属性?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板