ES6 系列之私有变量的实现
“
在阅读 《ECMAScript 6 入门》的时候，零散的看到有私有变量的实现，所以在此总结一篇。
”
约定
1
实现
class Example {
constructor() {
this._private = 'private';
}
getName() {
return this._private
}
}
var ex = new Example();
console.log(ex.getName()); // private
console.log(ex._private); // private2
优点
1.写法简单
2.调试方便
3.兼容性好
3
缺点
1.外部可以访问和修改
2.语言没有配合的机制，如 for in 语句会将所有属性枚举出来
3.命名冲突
闭包
1
实现
/**
* 实现一
*/
class Example {
constructor() {
var _private = '';
_private = 'private';
this.getName = function() {return _private}
}
}
var ex = new Example();
console.log(ex.getName()); // private
console.log(ex._private); // undefined2
优点
1.无命名冲突
2.外部无法访问和修改
3
缺点
1.constructor 的逻辑变得复杂。构造函数应该只做对象初始化的事情，现在为了实现私有变量，必须包含部分方法的实现，代码组织上略不清晰
2.方法存在于实例，而非原型上，子类也无法使用 super 调用
3.构建增加一点点开销
symbol
1
实现
const Example = (function() {
var _private = Symbol('private');
class Example {
constructor() {
this[_private] = 'private';
}
getName() {
return this[_private];
}
}
return Example;
})();
var ex = new Example();
console.log(ex.getName()); // private
console.log(ex.name); // undefined2
优点
1.无命名冲突
2.外部无法访问和修改
3.无性能损失
3
缺点
1.写法稍微复杂
2.兼容性也还好
weakmap
1
实现
/**
* 实现一
*/
const _private = new WeakMap();
class Example {
constructor() {
_private.set(this, 'private');
}
getName() {
return _private.get(this);
}
}
var ex = new Example();
console.log(ex.getName()); // private
console.log(ex.name); // undefined如果这样写，你可能觉得封装性不够，你也可以这样写：
/**
* 实现二
*/
const Example = (function() {
var _private = new WeakMap(); // 私有成员存储容器
class Example {
constructor() {
_private.set(this, 'private');
}
getName() {
return _private.get(this);
}
}
return Example;
})();
var ex = new Example();
console.log(ex.getName()); // private
console.log(ex.name); // undefined2
优点
1.无命名冲突
2.外部无法访问和修改
3
缺点
1.写法比较麻烦
2.兼容性有点问题
3.有一定性能代价
最新提案
1
实现
class Point {
#x;
#y;
constructor(x, y) {
this.#x = x;
this.#y = y;
}
equals(point) {
return this.#x === point.#x && this.#y === point.#y;
}
}那么为什么不直接使用 private 字段呢？比如说这样：
class Foo {
private value;
equals(foo) {
return this.value === foo.value;
}
}这样写不仅比较麻烦，而且也有性能上的考虑……
举个例子，如果我们不使用 #，而是使用 private 关键字：
class Foo {
private value = '1';
equals(foo) {
return this.value === foo.value;
}
}
var foo1 = new Foo();
var foo2 = new Foo();
console.log(foo1.equals(foo2));在这里我们新建了两个实例，然后将 foo2 作为参数传入了 foo1 的实例方法中。
那么我们可以获取 foo2.value 的值吗？如果我们直接 foo2.value 肯定是获取不到值的，毕竟是私有变量，可是 equals 是 Foo 的一个类方法，那么可以获取到的吗？
答案是可以的。
结束语
其实这点在其他语言，比如说 Java 和 C++ 中也是一样的，类的成员函数中可以访问同类型实例的私有变量，这是因为私有是为了实现“对外”的信息隐藏，在类自己内部，没有必要禁止私有变量的访问，你也可以理解为私有变量的限制是以类为单位，而不是以对象为单位，此外这样做也可以为使用者带来便利。
原文地址：
https://zhuanlan.zhihu.com/p/50450255