Appearance
私有方法和私有属性
本节目标:理解“私有方法和私有属性”的核心思路,并能把它用于实际开发或面试表达。 概念:私有方法和私有属性,是只能在类的内部访问的方法和属性,外部不能访问。 这是常见需求,有利于代码的封装;
暂不支持 ES6暂不提供私有广泛和私有属性,只能通过变通方法模拟实现。
一、命名上加以区别。但这种方式是不保险的,在类的外部,还是可以调用到这个方法。
class Widget {
// 公有方法 foo (baz) { this._bar(baz); }
// 私有方法 _bar(baz) { return this.snaf = baz; }
// ...}二、将私有方法移出模块,因为模块内部的所有方法都是对外可见的。
class Widget { foo (baz) { bar.call(this, baz); }
// ...}
function bar(baz) { return this.snaf = baz;}
上面代码中,foo是公开方法,内部调用了bar.call(this, baz)。这使得bar实际上成为了当前模块的私有方法。三、利用Symbol值的唯一性,将私有方法的名字命名为一个Symbol值。
const bar = Symbol('bar');const snaf = Symbol('snaf');
export default class myClass{
// 公有方法 foo(baz) { this[bar](baz); }
// 私有方法 [bar](baz) { return this[snaf] = baz; }
// ...};
上面代码中,bar和snaf都是Symbol值,一般情况下无法获取到它们,因此达到了私有方法和私有属性的效果。但是也不是绝对不行,Reflect.ownKeys()依然可以拿到它们。
const inst = new myClass();
Reflect.ownKeys(myClass.prototype)// [ 'constructor', 'foo', Symbol(bar) ]
上面代码中,Symbol 值的属性名依然可以从类的外部拿到。**提案写法**
目前,有一个[提案](https://github.com/tc39/proposal-private-methods),为class加了私有属性。声明方法:在属性名之前,使用#表示。
class IncreasingCounter { #count = 0; get value() { console.log('Getting the current value!'); return this.#count; } increment() { this.#count++; }}
上面代码中,#count就是私有属性,只能在类的内部使用(this.#count)。如果在类的外部使用,就会报错。
const counter = new IncreasingCounter();counter.#count // 报错counter.#count = 42 // 报错
上面代码在类的外部,读取私有属性,就会报错。
下面是另一个例子。
class Point { #x;
constructor(x = 0) { this.#x = +x; }
get x() { return this.#x; }
set x(value) { this.#x = +value; }}
上面代码中,#x就是私有属性,在Point类之外是读取不到这个属性的。由于井号#是属性名的一部分,使用时必须带有#一起使用,所以#x和x是两个不同的属性。
之所以要引入一个新的前缀#表示私有属性,而没有采用private关键字,是因为 JavaScript 是一门动态语言,没有类型声明,使用独立的符号似乎是唯一的比较方便可靠的方法,能够准确地区分一种属性是否为私有属性。另外,Ruby 语言使用@表示私有属性,ES6 没有用这个符号而使用#,是因为@已经被留给了 Decorator。同样声明私有方法:也是在方法前面加#。
class Foo { #a; #b; constructor(a, b) { this.#a = a; this.#b = b; } #sum() { return #a + #b; } printSum() { console.log(this.#sum()); }}
上面代码中,#sum()就是一个私有方法。另外,私有属性也可以设置 getter 和 setter 方法。
class Counter { #xValue = 0;
constructor() { super(); // ... }
get #x() { return #xValue; } set #x(value) { this.#xValue = value; }}
上面代码中,#x是一个私有属性,它的读写都通过get #x()和set #x()来完成。私有属性不限于从this引用,只要是在类的内部,实例也可以引用私有属性。
class Foo { #privateValue = 42; static getPrivateValue(foo) { return foo.#privateValue; }}
Foo.getPrivateValue(new Foo()); // 42
上面代码允许从实例foo上面引用私有属性。**私有静态属性或方法**
私有属性和私有方法前面,也可以加上static关键字,表示这是一个静态的私有属性或私有方法。
class FakeMath { static PI = 22 / 7; static #totallyRandomNumber = 4;
static #computeRandomNumber() { return FakeMath.#totallyRandomNumber; }
static random() { console.log('I heard you like random numbers…') return FakeMath.#computeRandomNumber(); }}
FakeMath.PI // 3.142857142857143FakeMath.random()// I heard you like random numbers…// 4FakeMath.#totallyRandomNumber // 报错FakeMath.#computeRandomNumber() // 报错
上面代码中,#totallyRandomNumber是私有属性,#computeRandomNumber()是私有方法,只能在FakeMath这个类的内部调用,外部调用就会报错。