ts检验-变量的类型不会包含 undefined的几种处理方法

---

import { AxiosPromise } from 'axios';type ApiFunction = (params: any) => AxiosPromise<any>;type ApiTuple = [ApiFunction, ApiFunction, ApiFunction];
type ApiTuple2 = [ApiFunction, ApiFunction];export interface ApiMaps {key1: ApiTuple | ApiTuple2;key2: ApiTuple | ApiTuple2;key3: ApiTuple | ApiTuple2;
}

使用
let apiArr : ApiMaps = [api1,api2,api3]
apiArr [2] 是会报错。因为有可能是undefined，

那么为了处理 TypeScript 报错 “Argument of type ‘ApiFunction | undefined’ is not assignable to parameter of type ‘DelApiFunction’，Type ‘undefined’ is not assignable to type ‘DelApiFunction’”，你需要确保 curDelApi 变量的类型不会包含 undefined。有几种方法可以做到这一点：

1. 确认索引是否存在

首先，确保你访问 apiMaps 对象时，索引值存在且有效。可以在赋值之前进行检查：

let curDelApi: ApiFunction | undefined;if (variable.fooType in apiMaps && apiMaps[variable.fooType ][2]) {curDelApi = apiMaps[variable.fooType ][2];
}if (curDelApi) {const { handleDelete } = useDelete(curDelApi, performSearch);
}

2. 使用非空断言（Non-null assertion）

如果你确定 apiMaps[variable.fooType ][2] 在这个上下文中是存在的，可以使用 TypeScript 的非空断言操作符 !：

let curDelApi = apiMaps[variable.fooType ][2]!;
const { handleDelete } = useDelete(curDelApi, performSearch);

3. 使用默认值

可以给 curDelApi 赋一个默认值，确保它不是 undefined：

let curDelApi = apiMaps[variable.fooType ][2] ?? defaultApiFunction;
const { handleDelete } = useDelete(curDelApi, performSearch);

4. 类型断言（Type Assertion）

如果你非常确定 apiMaps[variable.fooType ][2] 不是 undefined，可以进行类型断言：

let curDelApi = apiMaps[variable.fooType ][2] as ApiFunction;
const { handleDelete } = useDelete(curDelApi, performSearch);

综合示例

将这些方法综合在一起，你可以根据具体情况选择合适的解决方案：

import { AxiosPromise } from 'axios';type ApiFunction = (params: any) => AxiosPromise<any>;type ApiTuple = [ApiFunction, ApiFunction, ApiFunction];
type ApiTuple2 = [ApiFunction, ApiFunction];export interface ApiMaps {Warehouse: ApiTuple | ApiTuple2;Partner: ApiTuple | ApiTuple2;System: ApiTuple | ApiTuple2;
}const defaultApiFunction: ApiFunction = (params: any) => {// default implementationreturn axios.get('/default-endpoint', { params });
};const apiMaps: ApiMaps = {Warehouse: [defaultApiFunction, defaultApiFunction, defaultApiFunction],Partner: [defaultApiFunction, defaultApiFunction],System: [defaultApiFunction, defaultApiFunction, defaultApiFunction],
};let curDelApi = apiMaps[variable.fooType ][2] ?? defaultApiFunction;
const { handleDelete } = useDelete(curDelApi, performSearch);

在这个例子中，我们使用了默认值 defaultApiFunction 来确保 curDelApi 总是有一个有效的函数。你可以根据自己的业务逻辑来定义 defaultApiFunction。