如何对类范围内已声明的变量执行 javascript 对象的解构赋值

Question

我需要你的帮助，因为我正在尝试在已在类范围内声明的变量中对 javascript 对象进行解构赋值...即，我需要使用 {this.property, ... }

({ this.baseINSS,
  this.baseIRPF,
  this.discountINSS,
  this.dependentesDiscount,
  this.discountIRPF,
  this.netSalary } = calculateSalaryFrom(element.target.value, Number(dependentes)));

上面提到的函数calculateSalaryFrom()会返回

{baseINSS: "9876",
baseIRPF: 9162.9,
dependentesDiscount: 0,
discountINSS: 713.1,
discountIRPF: 1650.44,
netSalary: 7512.459999999999,
percentageDependentes: "0.00",
percentageINSS: "7.22",
percentageIRPF: "16.71",
percentageSalary: "76.07"}

我收到了error TS1005: ':' expected.({ this.baseINSS,... 顺便说一句，我正在使用 angular 和 typescript

Answer 1

没有冒号的对象解构只能用于有效的独立标识符。例如

({ this.baseINSS } = someObj);

不起作用，因为 someObj 的属性不是 this.baseINSS - 它只是 baseINSS。

虽然您可以在解构时重命名属性：

({ baseINSS: this.baseINSS, discountINSS: this.discountINSS } = calculateSalaryFrom(...

这会重复。

解构在这里不能很好地工作。而是迭代一组属性名称。

const obj = calculateSalaryFrom(element.target.value, Number(dependentes)));
const props = ['baseINSS', 'baseIRPH', ...] as const;
for (const prop of props) {
  this[prop] = obj[prop];
}