Объявление статических констант в классах ES6?

Question

Я хочу реализовать константы в class, потому что здесь есть смысл найти их в коде.

До сих пор я реализую следующий метод обхода со статическими методами:

class MyClass { 
    static constant1() { return 33; } 
    static constant2() { return 2; } 
    // ... 
} 

Я знаю, что есть возможность возиться с прототипами, но многие рекомендуют против этого.

Есть ли лучший способ реализовать константы в классах ES6?

Answer 1

Вот несколько вещей, которые вы могли бы сделать:

экспортирования const из модуля. В зависимости от вашего варианта использования вы можете просто:

export const constant1 = 33; 

И импортируйте это из модуля там, где это необходимо. Или, основываясь на вашей статической идее метода, вы можете объявить staticget accessor:

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

    static get constant1() { 
    return constant1; 
    } 

    static get constant2() { 
    return constant2; 
    } 
} 

Таким образом, вам не нужно скобку:

const one = Example.constant1; 

Babel REPL Example

Тогда, как вы говорите, , так как class является просто синтаксическим сахаром для функции, вы можете просто добавить свойство, не связанное с записью, например:

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

Это может быть хорошо, если бы мы могли бы просто сделать что-то вроде:

class Example { 
    static const constant1 = 33; 
} 

Но, к сожалению, это class property syntax только в предложении ES7, и даже тогда он не позволит добавлять const к собственности.

Answer 2

В this document говорится:

не

Существует (намеренно) нет прямого декларативного способа определения либо свойств данных прототипа (кроме методов) свойств класса или экземпляра свойства

Это означает, что это намеренно нравится.

Возможно, вы можете определить переменную в конструкторе?

constructor(){ 
    this.key = value 
} 

Answer 3

Также можно использовать Object.freeze на вас классе (ES6)/функции конструктора (ES5) объект, чтобы сделать его неизменным:

class MyConstants {} 
MyConstants.staticValue = 3; 
MyConstants.staticMethod = function() { 
    return 4; 
} 
Object.freeze(MyConstants); 
// after the freeze, any attempts of altering the MyConstants class will have no result 
// (either trying to alter, add or delete a property) 
MyConstants.staticValue === 3; // true 
MyConstants.staticValue = 55; // will have no effect 
MyConstants.staticValue === 3; // true 

MyConstants.otherStaticValue = "other" // will have no effect 
MyConstants.otherStaticValue === undefined // true 

delete MyConstants.staticMethod // false 
typeof(MyConstants.staticMethod) === "function" // true 

Попытку изменить класс даст вам мягкий обанкротиться (вон «Бросьте какие-либо ошибки, это просто не будет иметь никакого эффекта»).

Answer 4

Я использую babel и следующий синтаксис работает для меня:

class MyClass { 
    static constant1 = 33; 
    static constant2 = { 
     case1: 1, 
     case2: 2, 
    }; 
    // ... 
} 

MyClass.constant1 === 33 
MyClass.constant2.case1 === 1 

Пожалуйста, обратите внимание, что вам нужен предустановленный "stage-0".
Чтобы установить его:

npm install --save-dev babel-preset-stage-0 

// in .babelrc 
{ 
    "presets": ["stage-0"] 
} 

Answer 5

Как https://stackoverflow.com/users/2784136/rodrigo-botti сказал, я думаю, что вы ищете Object.freeze(). Вот пример класса с неизменной статикой:

class User { 
    constructor(username, age) { 
    if (age < User.minimumAge) { 
     throw new Error('You are too young to be here!'); 
    } 
    this.username = username; 
    this.age = age; 
    this.state = 'active'; 
    } 
} 

User.minimumAge = 16; 
User.validStates = ['active', 'inactive', 'archived']; 

deepFreeze(User); 

function deepFreeze(value) { 
    if (typeof value === 'object' && value !== null) { 
    Object.freeze(value); 
    Object.getOwnPropertyNames(value).forEach(property => { 
     deepFreeze(value[property]); 
    }); 
    } 
    return value; 
} 

Answer 6

Вот еще один способ, которым Вы можете сделать

/* 
 
one more way of declaring constants in a class, 
 
Note - the constants have to be declared after the class is defined 
 
*/ 
 
class Auto{ 
 
    //other methods 
 
} 
 
Auto.CONSTANT1 = "const1"; 
 
Auto.CONSTANT2 = "const2"; 
 

 
console.log(Auto.CONSTANT1) 
 
console.log(Auto.CONSTANT2);

Примечания - Орден имеет важное значение, вы не можете иметь константы выше

Использование console.log (Auto.CONSTANT1);