inlining spread operator during declaration es2018

Question

I want to do something like this:

const translations = {
    en: {
        statistics_title: 'Statistics'
    },
    ru: {
        statistics_title: 'Статистика'
    },
    uk: {
        ...ru
    }
}

obviously it doesn't work, of course, I can set another const, and then use it but I'm lazy ) so I'm curious if javascript allows you to do so?

No, you cannot do this as the object doesn't exist yet. – George Nov 15 '17 at 09:43 — George, Nov 15 '17 at 09:43
Spread properties are not part of ES6. – Felix Kling Nov 15 '17 at 14:32 — Felix Kling, Nov 15 '17 at 14:32

score 1 · Answer 1 · answered Nov 15 '17 at 09:43

You can't self reference in objects unless it's a method.

You could do:

const translations = {
    en: {
        statistics_title: 'Statistics'
    },
    ru: {
        statistics_title: 'Статистика'
    },
    get uk () {
        return this.ru
    }
}

Edit

If you want intending for translations.uk to not be a copy of ru and hold it's own data this way won't work. This just sets up translations.uk as a reference to translations.ru

score 1 · Answer 2 · answered Nov 15 '17 at 09:44

1

You have to declare this ru value before spreading, i.e.:

const ru = {
    statistics_title: 'Статистика'
};

const translations = {
    en: {
        statistics_title: 'Statistics'
    },
    ru,
    uk: {
        ...ru
    }
};

answered Nov 15 '17 at 09:44

hsz

148,279
62
259
315

thanks, Getter makes a lot of sense, since you call it after the instantiation of the object. – Maksym D. Nov 23 '17 at 11:20

inlining spread operator during declaration es2018

2 Answers2