TypeScript接口相互嵌套，初始化时出现未初始化访问错误求助

我定义了如下两个相互嵌套的TypeScript接口：

export interface User {
  id: number,
  title: string,
  firstName: string,
  lastName: string,
  customer: Customer,
}

export interface Customer {
  companyName: string,
  user: User,
}

当我为这些接口创建初始值时，编写了如下代码：

export const initialUser: User = {
  id: 0,
  title: '',
  firstName: '',
  lastName: '',
  customer: initialCustomer,
}

export const initialCustomer: Customer = {
  companyName: '',
  user: initialUser,
}

此时出现错误提示：can't access lexical declaration 'initialCustomer' before initialization.，请问该如何解决这个问题？

解决方法 #

方法1：先初始化其中一个对象，补全循环引用 #

这是最直接的方案，先创建其中一个初始对象，再通过赋值补全循环引用的部分：

// 先创建initialCustomer，临时用类型断言占位user属性
export const initialCustomer: Customer = {
  companyName: '',
  user: {} as User,
}

// 创建initialUser，此时initialCustomer已经初始化完成
export const initialUser: User = {
  id: 0,
  title: '',
  firstName: '',
  lastName: '',
  customer: initialCustomer,
}

// 补全initialCustomer的user引用
initialCustomer.user = initialUser;

方法2：使用函数延迟获取引用 #

利用函数调用的时机特性，延迟获取未初始化的变量，避免提前引用错误：

export const initialCustomer: Customer = {
  companyName: '',
  // 用箭头函数延迟返回initialUser
  user: () => initialUser,
} as unknown as Customer;

export const initialUser: User = {
  id: 0,
  title: '',
  firstName: '',
  lastName: '',
  customer: initialCustomer,
}

// 将函数替换为实际的user对象
initialCustomer.user = (initialCustomer.user as () => User)();

这种方法需要额外的类型转换，适合必须保持接口严格必填的场景。

方法3：调整接口为可选属性（业务允许时） #

如果业务逻辑允许嵌套属性为可选，可以修改接口定义，简化初始化流程：

export interface User {
  id: number,
  title: string,
  firstName: string,
  lastName: string,
  customer?: Customer, // 设为可选属性
}

export interface Customer {
  companyName: string,
  user?: User, // 设为可选属性
}

// 先创建各自的初始值，再补全循环引用
export const initialUser: User = {
  id: 0,
  title: '',
  firstName: '',
  lastName: '',
}

export const initialCustomer: Customer = {
  companyName: '',
  user: initialUser,
}

initialUser.customer = initialCustomer;

这种方案代码最简洁，但需要确认业务是否接受这些属性为可选。

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