Declaring static constants in ES6 classes?

by

Here’s a few things you could do:

Export a const from the module. Depending on your use case, you could just:

export const constant1 = 33;

And import that from the module where necessary. Or, building on your static method idea, you could declare a static get accessor:

const constant1 = 33,
      constant2 = 2;
class Example {

  static get constant1() {
    return constant1;
  }

  static get constant2() {
    return constant2;
  }
}

That way, you won’t need parenthesis:

const one = Example.constant1;

Babel REPL Example

Then, as you say, since a class is just syntactic sugar for a function you can just add a non-writable property like so:

class Example {
}
Object.defineProperty(Example, 'constant1', {
    value: 33,
    writable : false,
    enumerable : true,
    configurable : false
});
Example.constant1; // 33
Example.constant1 = 15; // TypeError

It may be nice if we could just do something like:

class Example {
    static const constant1 = 33;
}

But unfortunately this class property syntax is only in an ES7 proposal, and even then it won’t allow for adding const to the property.

More Related Contents:

  1. Are variables declared with let or const hoisted?
  2. Private properties in JavaScript ES6 classes
  3. ES6 class variable alternatives
  4. Why can I change a constant object in javascript
  5. ES6 modules: Export single class of static methods OR multiple individual methods
  6. Call static methods from regular ES6 class methods
  7. What is the temporal dead zone?
  8. Keyword ‘const’ does not make the value immutable. What does it mean?
  9. How to extend a class without having to use super in ES6?
  10. How can I access constants in the lib/constants.js file in Meteor?
  11. Proper use of const for defining functions
  12. Create an instance of a class in ES6 with a dynamic name? [duplicate]
  13. ECMAScript 2015: const in for loops
  14. ES6 classes : what about instrospection?
  15. Javascript ES6 class definition not accessible in window global
  16. “This” within es6 class method [duplicate]
  17. ES6 Dynamic class names
  18. Override a setter, and the getter must also be overridden
  19. Getting a list of statics on an ES6 class
  20. What are getters and setters for in ECMAScript 6 classes?
  21. Why aren’t methods of an object created with class bound to it in ES6?
  22. Why does .then() chained to Promise.resolve() allow const declaration to be reassigned?
  23. How to add mixins to ES6 javascript classes?
  24. ES6 – declare a prototype method on a class with an import statement
  25. ECMAScript 6 arrow function that returns an object
  26. One-liner to take some properties from object in ES 6
  27. How to clone a javascript ES6 class instance
  28. React.createClass vs. ES6 arrow function
  29. ES6 – Call static method within a class
  30. Are ES6 template literals faster than string concatenation?

Leave a Comment