Angular项目中如何通过反射获取TypeScript箭头函数属性名

我明白你遇到的问题了——在Angular生产环境中，常规的toString()拆分方法因为代码压缩会彻底失效，毕竟编译后的变量名会被改成a、n这种极短的标识符，根本没法通过.split('.')拿到正确的属性名。这里有个靠谱的、能在AOT编译和生产压缩环境下正常工作的解决方案：

核心思路 #

利用TypeScript的keyof类型特性做类型安全约束，同时结合正则表达式解析lambda函数的结构——哪怕代码被压缩，lambda表达式的核心结构参数 => 参数.属性名依然会保留，我们可以通过正则精准提取出属性名。

完整代码实现 #

// 辅助函数：提取lambda指向的属性名，支持类型安全检查
function extractPropertyName<T, K extends keyof T>(accessor: (obj: T) => T[K]): K {
  const functionBody = accessor.toString();
  // 匹配原格式和压缩后的格式（比如 "x => x.fullName" 或 "n=>n.fullName"）
  const match = functionBody.match(/^\s*(?:\w+)\s*=>\s*(?:\w+)\.(\w+)\s*$/);
  
  if (!match) {
    throw new Error('请传入形如 `x => x.propertyName` 的属性访问器');
  }
  
  return match[1] as K;
}

export class LobFromBuilder<T>{
  // 修改泛型约束，确保传入的lambda是访问T的有效属性
  public myMethod<K extends keyof T>(key: (a: T) => T[K]) {
    const keyName = extractPropertyName(key);
    // 这里就拿到了可靠的属性名字符串
    console.log('提取到的属性名:', keyName); 
  }
}

// 测试用例
interface CustomerEntity {
  fullName: string;
  age: number;
}

const form = new LobFromBuilder<CustomerEntity>();
form.myMethod(x => x.fullName); // 输出 "fullName"
form.myMethod(x => x.age);      // 输出 "age"

扩展支持嵌套属性 #

如果你的场景需要支持嵌套属性（比如x => x.user.address），可以稍微修改辅助函数来提取完整的属性路径：

function extractPropertyPath<T>(accessor: (obj: T) => any): string {
  const functionBody = accessor.toString();
  // 匹配嵌套属性结构，比如 "x => x.user.address"
  const match = functionBody.match(/^\s*(?:\w+)\s*=>\s*(?:\w+)\.([\w\.]+)\s*$/);
  
  if (!match) {
    throw new Error('请传入形如 `x => x.propertyName` 或 `x => x.nested.property` 的属性访问器');
  }
  
  return match[1];
}

为什么生产环境有效？ #

Angular生产构建时的代码压缩（比如Terser）只会缩短变量名和简化函数体，但不会改变lambda表达式的核心结构——压缩后的函数依然会是n=>n.fullName这种形式，正则表达式可以精准匹配并提取出属性名部分。同时通过keyof T的约束，还能在编译时就检查出无效的属性访问，避免拼写错误。

内容的提问来源于stack exchange，提问作者SexyMF