Skip to content

私有方法和私有属性 ​

本节目标:理解“私有方法和私有属性”的核心思路,并能把它用于实际开发或面试表达。 概念:私有方法和私有属性,是只能在类的内部访问的方法和属性,外部不能访问。 这是常见需求,有利于代码的封装;

暂不支持 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这个类的内部调用,外部调用就会报错。

本站总访问 — 次