ES6 динамическая деструкция

Question

Мне нужно применить разную деструктуризацию для ответа функции в зависимости от глобального флага [один сервис для нескольких приложений]

// Destructuring template should be defined as value
let destructuringTemplate;
if (flag) {
   destructuringTemplate = {data: {classA: user}};
} else {
   destructuringTemplate = {data: {classB: user}};
}
// This technique would not work, this is just my idea representation.
this.getUser(({destructuringTemplate: user) => { this.localUser = user });

На данный момент это работает следующим образом:

let destructuringTemplate;
if (flag) {
   destructuringTemplate = ({data: {classA: user}}) => user;
} else {
   destructuringTemplate = ({data: {classB: user}}) => user;
}
this.getUser(response => { this.localUser = destructuringTemplate(response)};

это некрасиво, какое-то предположение, как это должно быть сделано?

Answer 1

Вам не нужно использовать деструктуризацию, используйте простые обозначения точек / скобок:

const userClass = flag ? 'classA' : 'classB'
this.getUser(response => { this.localUser = response.data[userClass] })

Если вы хотите использовать эту логику повторно, просто создайте простую функцию, например:

const extractUser = response => response.data[userClass]

Answer 2

Вы можете использовать имя вычисляемого свойства с условным (троичным) оператором ?:.

var flag = true,
    object = { data: { classA: 'foo', classB: 'bar' } },
    { data: { [flag ? 'classA' : 'classB']: user } } = object,
    { data: { [!flag ? 'classA' : 'classB']: user1 } } = object;

console.log(user);
console.log(user1);