如何将静态属性添加到ES6类

Question

We know very well that class of ES6 brought also : static , get as well as set features :

However , it seems that static keyword is reserved only for Methods :

class Person {

    // static method --> No error
    static size(){
    }   
  // static attribute --> with Error
    static MIN=10;
}

How to be able to write static attribute within ES6 class to have something like the static attribute MIN .

We know that we can add the following instruction after class definition :

Person.MIN=10; 

However , our scope is to find the way to write this instruction inside class block

Answer 1

You can use static getter:

 class HasStaticValue { static get MIN() { return 10; } } console.log(HasStaticValue.MIN); 

Answer 2

你需要一个方法来返回属性，否则它只能在类中访问，这会破坏你试图用静态做的事情。

Answer 3

You cannot reach your scope with ES6 unless static getter , however , you may can in ES7.

Anyway, Babel support now the wanted syntax (check http://babeljs.io/ ) :

class Foo {
  bar = 2
  static iha = 'string'
}

const foo = new Foo();
console.log(foo.bar, foo.iha, Foo.bar, Foo.iha);
// 2, undefined, undefined, 'string'