在 ECMAScript 2020 中，新增了类私有变量和方法（private）。这个特性给前端开发人员带来了很多便利，下面我们来深入了解一下。
什么是类私有变量和方法（private）？
类私有变量和方法（private）仅在类内部可见，外部无法访问。这意味着，这些变量和方法仅能够被类中的其他方法调用，而不能被类的实例或者其他类使用。
为了使变量或方法成为私有的，在变量或方法名前加上一个井号 #。
下面是一个示例：
-- -------------------- ---- -------
----- ------ -
------
----------------- -
---------- - -----
-
----------- -
------------------- -- ---- -- ----------------
-
----------- -
-----------------
-
-
----- ------ - --- --------------
------------------- -- ------ -- ---- -- ---
-------------------------- -- -------- ------------ ------- ----- ------- ---- -- -------- -- -- --------- -----
------------------- -- -------- ------------ ------- ----- ----------- ---- -- -------- -- -- --------- -----在上面的示例中，我们定义了一个 Person 类，并在类中定义了两个私有变量 #name 和 #sayHello，并且在 introduce 方法中调用了 #sayHello 方法来打印输出。
需要注意的是，在外部不能访问这两个私有变量和方法。如果你尝试直接在外部访问这些变量或方法，就会抛出一个异常：
console.log(person.#name); // Uncaught SyntaxError: Private field '#name' must be declared in an enclosing class person.#sayHello(); // Uncaught SyntaxError: Private field '#sayHello' must be declared in an enclosing class
私有变量和方法（private）的优势
私有变量和方法（private）的引入，给类带来了很多优势。
1. 防止属性冲突
私有变量和方法（private）可以避免属性冲突的问题。由于私有变量和方法（private）只在类内部可见，其他类和实例无法访问，不会发生属性冲突的问题。
2. 更好的封装性
私有变量和方法（private）可以有效地隐藏类的一些细节。特别是当一个类有很多方法并且需要保护一些中间状态时，私有变量和方法（private）就能很好地实现类的封装。
3. 更严格的控制访问权限
私有变量和方法（private）在很大程度上可以控制访问权限。如果一个变量或方法不应该被外部代码访问，那么就可以将其定义为私有。这样就可以确保外部代码无法访问该变量或方法，并且可以防止意外误操作。
使用场景
私有变量和方法（private）主要用于以下场景：
- 数据封装： 需要隐藏一些细节和中间状态时。
- 防止属性冲突： 当需要定义许多变量和方法时，避免命名冲突和属性冲突。
- 更好的可维护性： 在接口发生变化的情况下，使代码更加容易维护。
ECMAScript 中的类私有变量和方法（private）的兼容性
目前，类私有变量和方法（private）的支持情况比较复杂。在主流浏览器中，只有最新的版本才支持这个特性。
以下是目前各大浏览器对私有变量和方法（private）的支持情况：
- Chrome 74及以上版本支持。
- Firefox 67及以上版本支持。
- Safari 14及以上版本支持。
- Edge 79及以上版本支持。
- Opera 62及以上版本支持。
结论
私有变量和方法（private）是 ECMAScript 2020 中为我们带来的一个新特性。它可以很好地保护类的属性和方法，防止外部代码对它们的意外或恶意操作。
在实际开发过程中，我们可以根据需要来合理地使用这个特性，并在代码设计中充分考虑到它的优势。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6774e13b6d66e0f9aaf156a2