解构对象时，如何无需中间对象或逐个赋值批量调用属性方法？

如果你想在解构时直接获取value()的返回值，同时避免创建中间对象和重复的逐个赋值，有几种可行的思路：

1. 紧凑的逐个调用写法（无中间对象） #

虽然本质上是逐个调用方法，但可以把所有赋值合并到一行，保持代码简洁：

type ValueLike<T> = { value(): T };

const cb = () => 50;
const aProp: ValueLike<number> = { value: () => cb() };
const bProp: ValueLike<number> = { value: () => 100 };

const props = { a: aProp, b: bProp };
const a = props.a.value(), b = props.b.value(); // 直接获取值，无中间对象

这种写法没有创建任何额外对象，只是合并了赋值语句，适合属性数量不多的场景。

2. 解构配合轻量临时结构（近似无中间对象） #

利用解构先拿到原始属性，再通过数组批量调用方法——虽然会创建临时数组，但属于轻量结构，对性能几乎无影响：

const { a, b } = props;
const [aVal, bVal] = [a, b].map(item => item.value());

这种写法更贴合解构的使用习惯，同时减少了重复的.value()调用。

3. 辅助函数（代码更简洁，含中间对象） #

如果属性数量较多，辅助函数的写法会更高效，虽然会生成新对象，但代码复用性更好：

function unwrap<T extends Record<string, ValueLike<any>>>(obj: T): { [K in keyof T]: ReturnType<T[K]['value']> } {
  const result = {} as { [K in keyof T]: ReturnType<T[K]['value']> };
  for (const key in obj) {
    result[key] = obj[key].value();
  }
  return result;
}

// 使用方式
const { a, b } = unwrap(props); // 直接得到 { a: 50, b: 100 }

总结 #

如果严格要求完全不创建任何中间对象，目前没有原生TypeScript/JavaScript语法能实现“批量解构+属性方法调用”的操作，最直接的方案就是紧凑的逐个调用写法。如果可以接受轻量的临时结构或辅助函数生成的对象，其他方案能让代码更简洁易读。

内容的提问来源于stack exchange，提问作者Adam B.