重构的艺术：从 Babel 和 TypeScript 看 Class 私有属性实现
2024-01-29 22:05:52
前言
在 JavaScript 中，一直以来都缺乏一种有效的方法来定义和使用私有属性。这导致了各种各样的问题，包括代码的可读性、可维护性和安全性。为了解决这些问题，ES2015 引入了 class，它允许开发人员使用一种更简洁、更安全的方式来定义和使用私有属性。
Babel 和 TypeScript 中的 Class 私有属性
在 Babel 和 TypeScript 中，class 私有属性的实现方式略有不同。在 Babel 中，class 私有属性是通过一种称为 "class fields" 的语法糖来实现的。这种语法糖允许开发人员在 class 中定义私有属性，而无需使用传统的 "var" 或 "let" 。
class MyClass {
#privateProperty = 10;
}
在 TypeScript 中，class 私有属性是通过一种称为 "private members" 的语法糖来实现的。这种语法糖允许开发人员在 class 中定义私有属性，并使用 "private" 关键字来修饰这些属性。
class MyClass {
private #privateProperty = 10;
}
代码编译到 es2015 的过程
当 Babel 将代码编译到 es2015 时，它会将 class 私有属性转换为一种称为 "Symbol" 的特殊类型。Symbol 是一种唯一标识符，它可以用来标识一个私有属性。当 TypeScript 将代码编译到 es2015 时，它会将 class 私有属性转换为一种称为 "WeakMap" 的特殊类型。WeakMap 是一种键值对映射，它可以用来存储私有属性。
Class 转化降级成函数
当 class 被编译成函数时，私有属性会被存储在一个闭包中。闭包是一种函数，它可以访问其父函数作用域中的变量。这使得私有属性只能在 class 的内部访问。
结语
class 私有属性的引入为 JavaScript 带来了许多好处。它使代码更加简洁、可读和可维护。它还使代码更加安全，因为它可以防止外部代码访问私有属性。
