在前端开发中，我们经常需要操作对象的属性。但是，有些属性是不想被外部访问的，我们称之为私有属性。在 ES11 中，新增了一种优雅地操作对象的私有属性的方式，让我们来了解一下吧。
ES11 中的私有属性
在 ES11 中，我们可以使用 # 符号来定义一个私有属性。例如：
class MyClass {
#privateProperty = '私有属性';
getPrivateProperty() {
return this.#privateProperty;
}
}在上面的代码中，我们使用 # 符号定义了一个私有属性 #privateProperty。然后在 getPrivateProperty 方法中，我们可以访问并返回这个私有属性。
如何访问私有属性
在 ES11 中，我们可以使用 # 符号来访问私有属性。例如：
const myObj = new MyClass(); console.log(myObj.getPrivateProperty()); // 输出：私有属性 console.log(myObj.#privateProperty); // Uncaught SyntaxError: Private field '#privateProperty' must be declared in an enclosing class
在上面的代码中，我们可以看到，在 getPrivateProperty 方法中，我们可以访问私有属性 #privateProperty。但是，在外部访问私有属性时，会抛出语法错误。
如何修改私有属性
在 ES11 中，我们可以使用 # 符号来修改私有属性。例如：
// javascriptcn.com 代码示例
class MyClass {
#privateProperty = '私有属性';
getPrivateProperty() {
return this.#privateProperty;
}
setPrivateProperty(value) {
this.#privateProperty = value;
}
}
const myObj = new MyClass();
console.log(myObj.getPrivateProperty()); // 输出：私有属性
myObj.setPrivateProperty('新的私有属性');
console.log(myObj.getPrivateProperty()); // 输出：新的私有属性在上面的代码中，我们新增了一个 setPrivateProperty 方法，用来修改私有属性 #privateProperty。在外部调用该方法时，可以修改私有属性的值。
指导意义
使用私有属性可以有效地保护对象的属性不被外部访问或修改，提高对象的安全性。同时，使用 # 符号定义私有属性，也可以避免属性名冲突的问题。
但是，需要注意的是，私有属性只是一种约定，不是真正意义上的私有属性。在一些情况下，仍然可以通过一些技巧来访问或修改私有属性。因此，在开发过程中，需要综合考虑对象的安全性和实际需求，选择合适的属性访问方式。
总结
ES11 中新增了一种优雅地操作对象的私有属性的方式，使用 # 符号定义私有属性，可以保护对象的属性不被外部访问或修改。在开发过程中，需要综合考虑对象的安全性和实际需求，选择合适的属性访问方式。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/655570e5d2f5e1655df986a2