ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
# 声明合并 如果定义了两个相同名字的函数、接口或类,那么它们会合并成一个类型: ## 函数的合并 [之前学习过](../basics/type-of-function.md#重载),我们可以使用重载定义多个函数类型: ```ts function reverse(x: number): number; function reverse(x: string): string; function reverse(x: number | string): number | string { if (typeof x === 'number') { return Number(x.toString().split('').reverse().join('')); } else if (typeof x === 'string') { return x.split('').reverse().join(''); } } ``` ## 接口的合并 接口中的属性在合并时会简单的合并到一个接口中: ```ts interface Alarm { price: number; } interface Alarm { weight: number; } ``` 相当于: ```ts interface Alarm { price: number; weight: number; } ``` 注意,**合并的属性的类型必须是唯一的**: ```ts interface Alarm { price: number; } interface Alarm { price: number; // 虽然重复了,但是类型都是 `number`,所以不会报错 weight: number; } ``` ```ts interface Alarm { price: number; } interface Alarm { price: string; // 类型不一致,会报错 weight: number; } // index.ts(5,3): error TS2403: Subsequent variable declarations must have the same type. Variable 'price' must be of type 'number', but here has type 'string'. ``` 接口中方法的合并,与函数的合并一样: ```ts interface Alarm { price: number; alert(s: string): string; } interface Alarm { weight: number; alert(s: string, n: number): string; } ``` 相当于: ```ts interface Alarm { price: number; weight: number; alert(s: string): string; alert(s: string, n: number): string; } ``` ## 类的合并 类的合并与接口的合并规则一致。 ## 参考 - [Declaration Merging](http://www.typescriptlang.org/docs/handbook/declaration-merging.html)([中文版](https://zhongsp.gitbooks.io/typescript-handbook/content/doc/handbook/Declaration%20Merging.html)) --- - [上一章:泛型](generics.md) - [下一章:扩展阅读](further-reading.md)