TypeScript聲明合並的實現

Posted on by

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

到此這篇關於TypeScript聲明合並的實現的文章就介紹到這瞭,更多相關TypeScript聲明合並內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：