Static Constructor in Javascript ES6

后端 未结 3 1531
爱一瞬间的悲伤
爱一瞬间的悲伤 2020-12-20 13:36

In ES6, I can create static methods like below. But I need to define a static constructor but no success. I need something that runs only once when the class is loaded. I Is

3条回答
  •  感动是毒
    2020-12-20 14:24

    It does seem neater to have class-setup code inside the class body so the "class expression" is self-contained. ES6 accepts the syntax static constructor() {/* do stuff */} in a class body but never runs it. Perhaps it is for future language expansion? Anyway, here is one way to achieve the desired result. The trick is to initialize a static property with an immediately-executed function expression that does your class setup:

    class MyClass {
      static _staticConstructorDummyResult = (function() {
        console.log('static constructor called') // once!
      })()
      constructor () {
        console.log('instance constructor called')
      }
    }
    let obj = new MyClass(),
        obj2 = new MyClass()

    Inside the "static constructor" you can add properties to the class object with MyClass.prop = value, or if you're keen to refer to MyClass as this, change the function expression to an arrow function expression.

    You can make _staticConstructorDummyResult non-enumerable using Object.defineProperty(), or if you don't mind requiring Chrome (it won't work in Firefox currently), you can add a # at the front of the name to make it a private property.

提交回复
热议问题