当前位置：首页 > news >正文

面试题-函数入参为interface类型进行约束

news 2025/6/22 6:07:17

在 TypeScript 里，对函数入参为interface类型进行约束的方式有很多种。下面结合不同场景，为你详细介绍具体的实现方法：

1. 基础接口约束

你可以直接把接口当作函数参数的类型，这样就能强制要求传入的参数必须和接口结构相符。

// 定义接口
interface User {name: string;age: number;email?: string; // 可选属性
}// 函数参数被约束为User接口类型
function printUserInfo(user: User) {console.log(`姓名: ${user.name}, 年龄: ${user.age}`);if (user.email) console.log(`邮箱: ${user.email}`);
}// 使用示例
const validUser = { name: "张三", age: 30 };
printUserInfo(validUser); // 正确const invalidUser = { name: "李四" }; // 缺少age属性
// printUserInfo(invalidUser); // 错误：类型不匹配

2. 可选属性与只读属性约束

你可以在接口里定义可选属性（使用?）或者只读属性（使用readonly）。

interface Config {readonly apiKey: string; // 只读属性，不可修改timeout?: number;        // 可选属性log?: (message: string) => void; // 可选的函数属性
}function initConfig(config: Config) {// config.apiKey = "newKey"; // 错误：无法修改只读属性console.log(`API Key: ${config.apiKey}`);config.log?.("初始化完成");
}

3. 索引签名约束

当你需要处理动态属性时，可以使用索引签名。

interface StringMap {[key: string]: string; // 所有属性名必须为string，属性值也必须为string
}function printMap(map: StringMap) {for (const key in map) {console.log(`${key}: ${map[key]}`);}
}const validMap = { name: "张三", city: "北京" };
printMap(validMap); // 正确const invalidMap = { name: "李四", age: 30 }; // age属性值为number，不符合约束
// printMap(invalidMap); // 错误

4. 泛型约束

借助泛型，你能够让约束更加灵活。

// 约束T必须包含id属性
function printId<T extends { id: number }>(obj: T) {console.log(`ID: ${obj.id}`);
}const user = { id: 1, name: "张三" };
printId(user); // 正确const invalidObj = { name: "李四" }; // 缺少id属性
// printId(invalidObj); // 错误

5. 交叉类型约束

你可以使用交叉类型（&）来组合多个接口的约束条件。

interface Loggable {log: () => void;
}interface Serializable {toJSON: () => object;
}// 函数参数必须同时满足Loggable和Serializable接口
function processEntity(entity: Loggable & Serializable) {entity.log();console.log(entity.toJSON());
}

6. 接口继承约束

通过接口继承，你可以扩展已有的接口约束。

interface Animal {name: string;
}interface Mammal extends Animal {giveBirth: () => void;
}// 参数必须满足Mammal接口（同时包含name和giveBirth）
function describeMammal(mammal: Mammal) {console.log(`${mammal.name} 是哺乳动物`);mammal.giveBirth();
}

7. 函数类型约束

如果你要约束函数参数本身，可以定义函数接口。

interface Validator {(value: string): boolean; // 函数类型定义
}function validateInput(input: string, validator: Validator) {if (validator(input)) {console.log("输入有效");} else {console.log("输入无效");}
}// 使用示例
const isEmail: Validator = (value) => value.includes("@");
validateInput("test@example.com", isEmail); // 正确