1.接口合并

interface TestInterface {
    name:string;
}
interface TestInterface {
    age:number;
}
//相当于下面
interface TestInterface {
    name:string;
    age:number;
}
class Person implements TestInterface{
    name:string;
    age:number;
}

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

interface TestInterface {
    name:string;
}
interface TestInterface {
    name:number;//报错
}

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

interface TestInterface {
    getValue(value:number):number;
}
interface TestInterface {
    getValue(value:string):number;
}
let obj:TestInterface = {
    getValue(value:any):number{
        if(typeof value === 'string'){
            return value.length;
        }else{
            return value.toFixed();
        }
    }
}
console.log(obj.getValue("abcdef"));
console.log(obj.getValue(3.14));

2.命名空间

namespace Validation{
    export let name:string = 'lnj';
}
namespace Validation{
    export let age:number = 18;
}
console.log(Validation.name);
console.log(Validation.age);

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

namespace Validation{
    export let name:string = 'lnj';
    export let say = ()=> "abc";
}
namespace Validation{
    export let name:string = 'zs';//报错
    export let say = ()=> "abc";//报错
}

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

namespace Validation{
    let name:string = 'lnj';//输出name = 获取不到name
    //  export let name:string = 'lnj'; 输出name =lnj
    
}
namespace Validation{
    export let say = ()=> {
        console.log(`name = ${name}`);
    };
}
Validation.say();

3.命名空间和类合并

注意点: 类必须定义在命名空间的前面
会将命名空间中导出的方法作为一个静态方法合并到类中

class Person {
    say():void{
        console.log('hello world');
    }
}
namespace Person{
    export const hi = ():void=>{
        console.log('hi');
    }
}
console.dir(Person);

4.命名空间和函数合并

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

function getCounter() {
    getCounter.count++;
    console.log(getCounter.count);
}
namespace getCounter{
    export let count:number = 0;
}

5.命名空间和枚举合并

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

enum Gender {
    Male,
    Female
}
namespace Gender{
    export const Yao:number = 666;
}
console.log(Gender);

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• axios的安装、配置和基本使用是什么样的

  目录一、安装axios二、配置axios，添加拦截器三、使用axios发送请求附：Vue3 中全局引入 axios总结axios中文网站：axios-http.com/zh/一、安装axiosnpm install axios --save二、配置axios，添加拦截器在src目录下新建一个request文件夹，在里面

• 小程序实现滑动块的实现具体代码是什么

  这篇文章主要为大家详细介绍了小程序实现滑动块，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• 用JS制作滑块验证码的思路及具体过程是怎样的

  这篇文章主要为大家详细介绍了JavaScript实现滑块验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• JS的错误类型产生原因是什么，常见的有哪些

  目录前言JavaScript中的错误类型ErrorEvalErrorRangeErrorReferenceErrorSyntaxErrorTypeErrorURIError总结前言js在开发过程经常会遇到各种各样的报错，那么你了解这些错误产

• 怎样用JS实现单击表格编辑修改的功能？

  今天给大家分享的是怎样用JS实现单击表格编辑修改的功能，小编觉得挺实用的，因此分享给大家做个参考，下面有实用供大家参考，接下来跟随小编一起看看吧。