TypeScript重写递归函数报错：Cannot find name 'getNestedChildren'

这个错误我之前也碰到过，大概率是TypeScript对函数作用域、变量提升的处理和JavaScript存在差异导致的，咱们一步步拆解问题并解决：

常见原因1：函数表达式的暂时性死区 #

在JavaScript中，如果你用function声明函数（函数声明式），它会被提升到当前作用域的顶部，所以递归调用不会有问题。但如果转TypeScript时改成了函数表达式（比如const getNestedChildren = () => {}），并且在声明前就尝试调用，就会触发暂时性死区，TS会报错找不到这个名称。

解决方案：改用函数声明式 #

把递归函数改成function关键字声明的形式，它会自动提升到作用域顶部，递归时就能正常访问：

// 先定义类型，让代码更严谨
interface TreeItem {
  id: number;
  parentId: number | null;
  [key: string]: any; // 允许其他自定义属性
}

function buildTree(data: TreeItem[]) {
  // 用function声明递归函数，自动提升
  function getNestedChildren(arr: TreeItem[], parentId: number | null): TreeItem[] {
    return arr.filter(item => item.parentId === parentId).map(item => ({
      ...item,
      children: getNestedChildren(arr, item.id) // 递归调用正常
    }));
  }

  return getNestedChildren(data, null);
}

常见原因2：函数表达式未提前声明类型 #

如果你坚持要用箭头函数（函数表达式），TypeScript需要提前知道函数的类型，否则会认为变量未定义。

解决方案：先声明函数类型，再赋值 #

先定义变量的类型，再赋值函数体，最后用非空断言!告诉TS变量已经被赋值：

interface TreeItem {
  id: number;
  parentId: number | null;
  [key: string]: any;
}

function buildTree(data: TreeItem[]) {
  // 提前声明函数类型
  let getNestedChildren: (arr: TreeItem[], parentId: number | null) => TreeItem[];

  getNestedChildren = (arr, parentId) => {
    return arr.filter(item => item.parentId === parentId).map(item => ({
      ...item,
      children: getNestedChildren(arr, item.id)! // 非空断言消除TS报错
    }));
  };

  return getNestedChildren(data, null);
}

常见原因3：类方法中的this作用域问题 #

如果你的递归函数是类的方法，可能会因为this指向问题导致TS找不到函数。

解决方案：绑定this或使用箭头函数 #

两种方式可选：

1. 在构造函数中绑定this：

interface TreeItem {
  id: number;
  parentId: number | null;
  [key: string]: any;
}

class TreeBuilder {
  constructor() {
    // 绑定this到类实例
    this.getNestedChildren = this.getNestedChildren.bind(this);
  }

  private getNestedChildren(arr: TreeItem[], parentId: number | null): TreeItem[] {
    return arr.filter(item => item.parentId === parentId).map(item => ({
      ...item,
      children: this.getNestedChildren(arr, item.id)
    }));
  }

  buildTree(data: TreeItem[]) {
    return this.getNestedChildren(data, null);
  }
}

2. 用箭头函数定义类方法（自动绑定this）：

interface TreeItem {
  id: number;
  parentId: number | null;
  [key: string]: any;
}

class TreeBuilder {
  private getNestedChildren = (arr: TreeItem[], parentId: number | null): TreeItem[] => {
    return arr.filter(item => item.parentId === parentId).map(item => ({
      ...item,
      children: this.getNestedChildren(arr, item.id)
    }));
  }

  buildTree(data: TreeItem[]) {
    return this.getNestedChildren(data, null);
  }
}

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