私有成员

私有方法和私有属性,指只能在类的内部访问而外部不能访问的方法和属性。

这是常见需求,有利于代码的封装,但 ES6 不提供,只能通过变通方法模拟实现。

私有方法

暂时的解决方案(并未真正解决,外部仍可访问):

  • 命名区别
  • 私有方法移出模块
  • 命名为 Symbol 值

命名区别

class Utils {
// 公有方法
foo(baz) {
this._bar(baz);
}
// 私有方法
_bar(baz) {
return (this.snaf = baz);
}
// ...
}

上面代码中,_bar 方法前面的下划线,表示这是一个只限于内部使用的私有方法。但是,这种命名是不保险的,在类的外部,还是可以调用到这个方法。

Symbol 值命名

利用 Symbol 值的唯一性,将私有方法的名字命名为一个 Symbol 值。

const bar = Symbol('bar');
const snaf = Symbol('snaf');
export default class myClass {
// 公有方法
foo(baz) {
this[bar](baz);
}
// 私有方法
[bar](parm) {
return (this[snaf] = baz);
}
}

上面代码中,barsnaf 都是 Symbol 值,导致第三方无法获取到它们,因此达到了私有方法和私有属性的效果。但是也不是绝对不行,使用 Reflect.ownKeys()依然可以拿到它们。

const instance = new Foo();
Reflect.ownKeys(Foo.prototype);
// ['constructor', 'foo', Symbol(bar)]

引用外部方法

将私有方法移出模块,因为模块内部的所有方法都是对外可见的。

class Utils {
foo(baz) {
bar.call(this, baz);
}
}
function bar(baz) {
return (this.snaf = baz);
}

私有属性

详细介绍参考 私有属性的提案

私有属性是实例中的属性,不会出现在原型上,且只能在类的构造函数或方法中创建。建议在构造函数中创建所有私有属性,从而只通过一处就可以控制所有的私有属性。

class Student {
constructor() {
this.state = {
visible: true,
};
}
}

目前,有一项提案,为 class 加了私有属性。方法是属性名之前,使用 # 表示。

class Point {
#x;
constructor (x = 0) {
#x = !x
}
get x () { return #x }
set x (value) {
#x = !value
}
}

这种写法不仅可以写私有属性,还可以用来写私有方法。