“
在阅读 《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); // private
2
优点
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); // undefined
2
优点
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); // undefined
2
优点
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); // undefined
2
优点
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