随着 JavaScript 越来越成为 Web 开发的主流语言，对于代码的可维护性和安全性的要求也越来越高。在 ECMAScript 2020 中，JavaScript 引入了更清晰的私有属性与方法访问控制，让开发者可以更好地控制代码的访问权限，提高代码的可维护性和安全性。
什么是私有属性和方法
在 JavaScript 中，对象的属性和方法可以被任何代码访问和修改，这样就会导致代码的安全性和可维护性问题。为了解决这个问题，JavaScript 引入了私有属性和方法的概念。
私有属性和方法是指只能在对象内部访问和修改的属性和方法，外部代码无法直接访问和修改。这样可以避免外部代码对对象的状态和行为造成影响，提高代码的安全性和可维护性。
如何实现私有属性和方法
在 ECMAScript 2015 之前，JavaScript 并没有提供原生的私有属性和方法的支持。通常的做法是使用闭包来实现私有属性和方法。
例如，下面的代码使用闭包实现了一个私有属性和方法：
// javascriptcn.com 代码示例
function Person(name) {
var age = 0; // 私有属性
function getAge() { // 私有方法
return age;
}
this.name = name;
this.getAge = function() {
return getAge();
}
this.setAge = function(newAge) {
age = newAge;
}
}
var person = new Person('Tom');
person.setAge(18);
console.log(person.getAge()); // 输出 18
console.log(person.age); // 输出 undefined在上面的代码中，age 和 getAge 都是私有的，外部代码无法直接访问和修改。通过在构造函数内部定义私有属性和方法，并返回一个包含公有方法的对象，实现了私有属性和方法的效果。
然而，这种方式存在一些问题。首先，每个实例都会创建一个新的 getAge 函数，造成内存浪费。其次，外部代码可以通过修改公有方法来访问和修改私有属性和方法，从而破坏了对象的封装性。
为了解决这些问题，ECMAScript 2015 引入了 Symbol 类型和 WeakMap 类型，可以更好地实现私有属性和方法的封装。
例如，下面的代码使用 Symbol 和 WeakMap 实现了一个私有属性和方法：
// javascriptcn.com 代码示例
const ageSymbol = Symbol('age'); // 私有属性的键
class Person {
constructor(name) {
this.name = name;
this[ageSymbol] = 0; // 私有属性
}
get age() { // 公有方法
return this[ageSymbol];
}
set age(newAge) { // 公有方法
this[ageSymbol] = newAge;
}
#getAge() { // 私有方法
return this[ageSymbol];
}
}
var person = new Person('Tom');
person.age = 18;
console.log(person.age); // 输出 18
console.log(person[ageSymbol]); // 输出 undefined
console.log(person.#getAge()); // 报错：SyntaxError: Private field '#getAge' must be declared in an enclosing class在上面的代码中，使用 Symbol 创建了一个私有属性的键，使用 WeakMap 存储每个对象的私有属性和方法。使用 get 和 set 方法实现了公有的访问和修改私有属性的方式，使用 # 符号定义了一个私有方法，外部代码无法访问。
ECMAScript 2020 中的更清晰的私有属性与方法访问控制
在 ECMAScript 2020 中，JavaScript 引入了更清晰的私有属性与方法访问控制，使用 # 符号来定义私有属性和方法。这样可以更好地实现私有属性和方法的封装，避免了使用 Symbol 和 WeakMap 的麻烦。
例如，下面的代码使用 # 符号实现了一个私有属性和方法：
// javascriptcn.com 代码示例
class Person {
#age = 0; // 私有属性
get age() { // 公有方法
return this.#age;
}
set age(newAge) { // 公有方法
this.#age = newAge;
}
#getAge() { // 私有方法
return this.#age;
}
}
var person = new Person();
person.age = 18;
console.log(person.age); // 输出 18
console.log(person.#age); // 报错：SyntaxError: Private field '#age' must be declared in an enclosing class
console.log(person.#getAge()); // 报错：SyntaxError: Private field '#getAge' must be declared in an enclosing class在上面的代码中，使用 # 符号定义了一个私有属性和方法，外部代码无法访问。使用 get 和 set 方法实现了公有的访问和修改私有属性的方式。使用 # 符号定义了一个私有方法，外部代码无法访问。
总结
JavaScript 中的私有属性和方法是实现代码封装、提高代码安全性和可维护性的重要手段。在 ECMAScript 2020 中，JavaScript 引入了更清晰的私有属性与方法访问控制，使用 # 符号来定义私有属性和方法，更好地实现了私有属性和方法的封装，提高了代码的可维护性和安全性。对于开发者来说，掌握私有属性和方法的使用方法，可以更好地编写高质量的代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6563fa13d2f5e1655dd656f0