在 JavaScript 中，对象的属性可以分为公有属性和私有属性。公有属性可以通过对象的实例或者类型来访问和修改，而私有属性则只能在对象内部访问和修改。在之前的 JavaScript 版本中，开发者们一般使用闭包或者约定的命名规则来实现对象的私有属性。但在 ES7 中，开发者们可以使用新的语法糖来轻松地访问和修改对象的私有属性，这是一项非常有用的功能。
什么是私有属性
在 JavaScript 中，私有属性可以被定义为对象内部的属性，它们不能被外部直接访问和修改。在下面的示例代码中，我们定义了一个 Person 类，它有两个私有属性 _name 和 _age：
class Person {
constructor(name, age) {
this._name = name;
this._age = age;
}
}在这个示例中，我们使用了一个下划线前缀来标识私有属性。这样做并不是强制性的，但是它是一种流行的实践。然而，在以前的 JavaScript 版本中，外部代码可以通过对象实例的方式直接访问和修改私有属性：
const person = new Person('Alice', 25);
person._name = 'Bob';
console.log(person._name); // 输出 Bob这种方式是不安全的，因为它可以绕过类的封装特性而直接访问和修改私有属性。
在 ES7 中，我们可以使用一个新的语法糖来访问私有属性。这个语法糖是一个井号（#）加上标识符的形式，如下所示：
class Person {
constructor(name, age) {
this.#name = name;
this.#age = age;
}
#name;
#age;
get name() {
return this.#name;
}
set name(value) {
this.#name = value;
}
get age() {
return this.#age;
}
set age(value) {
this.#age = value;
}
}在这个示例中，我们定义了两个私有属性 #name 和 #age，然后通过 getter 和 setter 方法来访问和修改它们的值。在这种情况下，私有属性将无法从外部代码中获取或设置，因为它们的名称是不可见的。
示例代码
下面是一个完整的示例代码，它演示了如何使用 ES7 访问私有属性：
class Person {
constructor(name, age) {
this.#name = name;
this.#age = age;
}
#name;
#age;
get name() {
return this.#name;
}
set name(value) {
this.#name = value;
}
get age() {
return this.#age;
}
set age(value) {
this.#age = value;
}
static getPersonInfo(person) {
const name = person.#name; // 可以在类的静态方法中访问私有属性
const age = person.#age;
console.log(`${name} is ${age} years old.`);
}
}
const person = new Person('Alice', 25);
console.log(person.name); // 输出 Alice
person.name = 'Bob'; // 可以通过 setter 修改私有属性
console.log(person.name); // 输出 Bob
Person.getPersonInfo(person); // 调用静态方法输出 Alice is 25 years old.在这个示例中，我们首先创建了一个 Person 类，并定义了私有属性 #name 和 #age。然后，我们使用 getter 和 setter 方法来访问和修改私有属性的值。最后，我们展示了如何在类的静态方法中访问私有属性，这里我们调用了 getPersonInfo 方法来输出 person 对象的信息。
总结
ES7 中访问私有属性的新方法非常实用，它可以帮助开发者避免直接访问和修改私有属性的问题，并提供了一种简单的方法来实现对象封装和保护。在实际开发中，开发者如果需要使用私有属性，可以使用 ES7 的语法糖来实现。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b2343aadd4f0e0ffb62201