TypeScript声明合并的实现

第TypeScript声明合并的实现目录1.接口合并2.命名空间3.命名空间和类合并4.命名空间和函数合并5.命名空间和枚举合并

1.接口合并

interfaceTestInterface{

name:string;

interfaceTestInterface{

age:number;

//相当于下面

interfaceTestInterface{

name:string;

age:number;

classPersonimplementsTestInterface{

name:string;

age:number;

}

1.1同名接口如果属性名相同,那么属性类型必须一致

interfaceTestInterface{

name:string;

interfaceTestInterface{

name:number;//报错

}

1.2同名接口如果出现同名函数,那么就会成为一个函数的重载

interfaceTestInterface{

getValue(value:number):number;

interfaceTestInterface{

getValue(value:string):number;

letobj:TestInterface={

getValue(value:any):number{

if(typeofvalue==='string'){

returnvalue.length;

}else{

returnvalue.toFixed();

console.log(obj.getValue("abcdef"));

console.log(obj.getValue(3.14));

2.命名空间

namespaceValidation{

exportletname:string='lnj';

namespaceValidation{

exportletage:number=18;

console.log(V);

console.log(Validation.age);

2.1同名的命名空间中不能出现同名的变量,方法等

namespaceValidation{

exportletname:string='lnj';

exportletsay=()="abc";

namespaceValidation{

exportletname:string='zs';//报错

exportletsay=()="abc";//报错

}

2.2同名的命名空间中其它命名空间没有通过export导出的内容是获取不到的

namespaceValidation{

letname:string='lnj';//输出name=获取不到name

//exportletname:string='lnj';输出name=lnj

namespaceValidation{

exportletsay=()={

console.log(`name=${name}`);

Validation.say();

3.命名空间和类合并

注意点:类必须定义在命名空间的前面

会将命名空间中导出的方法作为一个静态方法合并到类中

classPerson{

say():void{

console.log('helloworld');

namespacePerson{

exportconsthi=():void={

console.log('hi');

console.dir(Person);

4.命名空间和函数合并

注意点:函数必须定义在命名空间的前面

functiongetCounter(){

getCounter.count++;

console.log(getCounter.count);

namespacegetCounter{

exportletcount:number=0;

}

5.命名空间和枚举合并

注意点:没有先后顺序的要求

enumGe