声明合并

声明合并

定义了两个相同名字的函数、接口或类,那么它们会合并成一个类型。

函数的合并

可以使用重载定义多个函数类型:

js 复制代码
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('');
    }
}

接口的合并

接口中的属性在合并时会简单的合并到一个接口中:

js 复制代码
interface Alarm {
    price: number;
}
interface Alarm {
    weight: number;
}
// 等价于
interface Alarm {
    price: number;
    weight: number;
}

ps:合并的属性的类型和属性值必须是唯一的

js 复制代码
interface Alarm {
    price: number;
}
interface Alarm {
    price: number;  // 虽然重复了,但是类型都是 `number`,所以不会报错
    weight: number;
}

interface Alarm {
    price: number;
}
interface Alarm {
    price: string;  // 类型不一致,会报错
    weight: number;
}

interface Cat {
  name:"小橘"
}

interface Cat {
   //编译报错
  name:"小橘1";
  age:3
}

接口中方法的合并,与函数的合并一样:

js 复制代码
interface Alarm {
    price: number;
    alert(s: string): string;
}
interface Alarm {
    weight: number;
    alert(s: string, n: number): string;
}
// 等价于
interface Alarm {
    price: number;
    weight: number;
    alert(s: string): string;
    alert(s: string, n: number): string;
}

类的合并

类的合并与接口的合并规则一致。

相关推荐
YaHuiLiang14 分钟前
小微互联网公司与互联网创业公司的技术之殇 - "新"技术的双刃剑
前端·后端·架构
桃园码工19 分钟前
3_TypeScript 运算符 --[深入浅出 TypeScript 测试]
前端·javascript·typescript
low神19 分钟前
Flutter面试题、Dart面试题
前端·javascript·flutter·react native·dart·前端面试题
风月歌27 分钟前
基于Web的足球青训俱乐部管理后台系统的设计与开发源码(springboot+mysql+vue)
java·前端·spring boot·后端·mysql·mybatis·源码
南城巷陌1 小时前
Node.js中使用Joi 和 express-joi-validation进行数据验证和校验
前端·node.js·express·数据校验
初晨未凉1 小时前
uniapp更新版本,apk包进度条,wgt包热更新
前端·javascript·uni-app
boy快快长大1 小时前
【CSS】第二天 画盒子、文字控制属性
前端·css
wh_xia_jun1 小时前
uniapp中判断设备类型
前端·javascript·html
前端充电宝1 小时前
uniapp - 基于uniapp+vue3实现自定义增强版table表格组件体验「兼容H5+小程序+App端」
前端·vue.js·小程序·uni-app
一个处女座的程序猿O(∩_∩)O1 小时前
vue数据请求通用方案:axios的options都有哪些值
前端·vue.js