Как создать статическую переменную в ES6?

Question

[Степан]

Как задать переменную в классе.
static не предлагать.

SubList.style = {
        overflow: 'hidden'
    };
//Не работает 

    SubList.prototype.style = {
        overflow: 'hidden'
    };

Может быть определить в конструкторе?

Comments

[Green Elephant]

в чем проблема? вы не можете задать переменной Sublist.style.overflow значение или хотите через прототип сделать доступ таким Sublist.__proto__.style.overflow?

Answer 1

[Константин Китманов]

Никак, в ES6 этого нет. А вот в ES7 планируется, babel это поддерживает.

Answer 2

[Сергей Протько]

Может быть определить в конструкторе?

вы же статику хотели. В противном случае:

class SubList {
    get style() {
        return {
              overflow: 'hidden'
        };
    }
}

можно и статикой замутить, но и обращаться тогда надо будет через SubList.

updated:

var someObj = {
    overflow: 'hidden'
};

export default class FooBar {
    get someObj() {
         return someObj;
    }
}

Comments

[Степан]

Сергей Протько хорошо, а как мне ее менять. Вот у меня потом такая конструкция
this.style.height = this.props.data.active ? 'auto' : '0px';
Она не отрабатывает. Уже пробовал через set тоже не работает

[Сергей Протько]

xoma2: а вы еще и менять ее хотите? Ну ладно.

Объявляем объект рядом с объявлением класса, что бы в одном скоупе это дело было, прячим наш объект в модуле и в геттере/сеттере на него ссылаемся.

[Степан]

Сергей Протько а просто в конструкторе можно? Создал this.style = {}
Потом спокойно это меняю. Разве так не проще?

[Сергей Протько]

xoma2: так у каждого инстанса будет свой объект, и если вы в foo.style поменяли чего то в bar.style ничего не поменяется.

Если вам это норм, то я не понимаю зачем вы вообще вопрос задавали.

[Степан]

this.style.height = this.props.data.active ? 'auto' : '0px';
В моем случае все равно зависит от props.
Так что подойдет через конструктор.

Но ваше предложение меня заинтересовало. Если использовать ваш метод то можно сделать тоже самое, и без this.props.data.active

Я все же не до конца понял.

var someObj = {
    overflow: 'hidden',
    height : '0px'
};

Если я за тем хочу сделать

set someObj(height){
     this.height = height
}

Где мне вызвать set? И как передать ему скажем 'auto'

export default - обязательно?