TypeScript聲明合并如何實現(xiàn)

今天小編給大家分享一下TypeScript聲明合并如何實現(xiàn)的相關(guān)知識點，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

1.接口合并

interface TestInterface {
    name:string;
}
interface TestInterface {
    age:number;
}
//相當(dāng)于下面
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同名接口如果出現(xiàn)同名函數(shù), 那么就會成為一個函數(shù)的重載

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同名的命名空間中不能出現(xiàn)同名的變量,方法等

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導(dǎo)出的內(nèi)容是獲取不到的

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.命名空間和類合并

注意點: 類必須定義在命名空間的前面
會將命名空間中導(dǎo)出的方法作為一個靜態(tài)方法合并到類中

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

4.命名空間和函數(shù)合并

注意點: 函數(shù)必須定義在命名空間的前面

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);

以上就是“TypeScript聲明合并如何實現(xiàn)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注億速云行業(yè)資訊頻道。