欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

es6 Class的私有属性实例讲解

程序员文章站 2022-06-09 17:01:51
Class 的私有属性 与私有方法一样,ES6 不支持私有属性。目前,有一个提案,为class加了私有属性。方法是在属性名之前,使用#表示。 class Point { &n...

Class 的私有属性

与私有方法一样,ES6 不支持私有属性。目前,有一个提案,为class加了私有属性。方法是在属性名之前,使用#表示。

class Point {

  #x;

  constructor(x = 0) {

    #x = +x; // 写成 this.#x 亦可

  }

  get x() { return #x }

  set x(value) { #x = +value }

}

上面代码中,#x就表示私有属性x,在Point类之外是读取不到这个属性的。还可以看到,私有属性与实例的属性是可以同名的(比如,#x与get x())。

私有属性可以指定初始值,在构造函数执行时进行初始化。

class Point {

  #x = 0;

  constructor() {

    #x; // 0

  }

}

之所以要引入一个新的前缀#表示私有属性,而没有采用private关键字,是因为

 JavaScript 是一门动态语言,使用独立的符号似乎是唯一的可靠方法,能够准确地区分一种属性是否为私有属性。另外,Ruby 语言使用@表示私有属性,ES6

 没有用这个符号而使用#,是因为@已经被留给了

 Decorator。

该提案只规定了私有属性的写法。但是,很自然地,它也可以用来写私有方法。

class Foo {

  #a;

  #b;

  #sum() { return #a + #b; }

  printSum() { console.log(#sum()); }

  constructor(a, b) { #a = a; #b = b; }

}