如何为TypeScript函数createUser的对象参数添加类型定义？

首先，你可以通过定义参数类型接口的方式来规范类型，这是TypeScript中最常用也最清晰的做法，比仅写默认值但不指定类型更符合规范。

1. 基础写法：必填参数（推荐） #

创建用户通常需要name和password作为必填字段，先定义参数的类型接口，再给函数参数指定该类型：

// 定义参数的类型接口
interface CreateUserParams {
  name: string;
  password: string;
}

const createUser = async ({ name, password }: CreateUserParams) => {
  // 用对象简写语法简化代码
  return await axiosInstance.post(`users/create_user/`, {
    name,
    password,
  });
};

这样写的好处：

• 调用createUser时必须传入包含name和password的对象，TS会自动校验参数的类型与必填性
• 代码可读性更强，其他人能快速明确函数的参数要求

2. 带默认值的写法（可选） #

如果你需要允许不传参数，用空字符串作为默认值，正确的写法是给参数对象设置默认值，同时配合类型定义：

方式一：手动指定默认值 #

interface CreateUserParams {
  name: string;
  password: string;
}

// 给解构的参数设置默认值，同时给整个参数对象设置默认值
const createUser = async ({ name = '', password = '' }: CreateUserParams = { name: '', password: '' }) => {
  return await axiosInstance.post(`users/create_user/`, {
    name,
    password,
  });
};

方式二：用Partial简化可选参数 #

如果想让参数对象的属性可选，同时设置默认值，可以用TS内置的Partial工具类型，把接口的所有属性转为可选：

interface CreateUserParams {
  name: string;
  password: string;
}

// Partial<CreateUserParams> 表示name和password都是可选属性
const createUser = async ({ name = '', password = '' }: Partial<CreateUserParams> = {}) => {
  return await axiosInstance.post(`users/create_user/`, {
    name,
    password,
  });
};

3. 进阶：指定返回值类型 #

如果知道接口返回的数据结构，还可以给axios.post和函数本身指定返回值类型，让类型检查更完整：

interface CreateUserParams {
  name: string;
  password: string;
}

// 定义接口返回的数据类型
interface CreatedUser {
  id: number;
  name: string;
  // 补充其他返回字段
}

const createUser = async ({ name, password }: CreateUserParams): Promise<CreatedUser> => {
  // 给axios.post指定泛型，明确返回的数据类型
  const response = await axiosInstance.post<CreatedUser>(`users/create_user/`, {
    name,
    password,
  });
  // 返回响应体的核心数据
  return response.data;
};

你之前写的{name='', password=''}仅设置了默认值，但没有明确类型——虽然TS会自动推断，但明确定义类型是更规范的TypeScript写法，尤其是在大型项目或团队协作中，能避免很多类型相关的潜在问题。

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