如何为TypeScript对象的嵌套属性分配类型？

当然可以，你可以通过以下几种方式给user的子元素定义具体类型：

方法1：定义独立的子接口 #

先创建一个描述user结构的接口，再在父接口中引用它：

interface User {
  username: string;
  email: string;
}

interface initialStateInterface {
  user: User;
  age: number;
}

const initialState: initialStateInterface = {
  user: { username: "", email: "" },
  age: 0,
};

方法2：内联定义嵌套结构 #

如果user的结构不需要复用，可以直接在父接口里内联声明：

interface initialStateInterface {
  user: {
    username: string;
    email: string;
  };
  age: number;
}

const initialState: initialStateInterface = {
  user: { username: "", email: "" },
  age: 0,
};

方法3：使用类型别名 #

和接口类似，类型别名也能用来描述对象结构，适合简单场景：

type User = {
  username: string;
  email: string;
};

interface initialStateInterface {
  user: User;
  age: number;
}

const initialState: initialStateInterface = {
  user: { username: "", email: "" },
  age: 0,
};

这样定义后，TypeScript会严格约束user的子元素类型，后续访问user.username或user.email时也能获得准确的类型提示，避免类型不匹配的错误。

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