How can I use this in the left side of the object destructuring assignment?

Question

(This question is not specific to Vue, but it is in a Vue project, that is why the strange use of the this in front of the functions and variables.)

I h

Answer 1

Your workaround is the correct way to do this (at least from a pure Javascript perspective, not sure how Vue handles this). You can make it slightly shorter by using Object.assign:

const { primaryNumber, typeOfExpression } = this.findPrimaryAndType(
    this.naturalExpressionYearOfBirth,
    this.gender,
);
Object.assign(this, { primaryNumber, typeOfExpression });

Or, if you wanted to copy all the returned properties from findPrimaryAndType to the current instance, you could skip the destructuring altogether:

const { naturalExpressionYearOfBirth, gender } = this;
Object.assign(this, this.findPrimaryAndType(naturalExpressionYearOfBirth, gender));