前言：
回顧上一節(jié)的內(nèi)容，在上一節(jié)中我們介紹了TS中最常見(jiàn)的聲明合并：接口合并

我們從中了解了聲明合并其實(shí)指的就是編譯器會(huì)針對(duì)同名的聲明合并為一個(gè)聲明，合并的結(jié)果是合并后的聲明會(huì)同時(shí)擁有原先兩個(gè)或多個(gè)聲明的特性

而接口合并的合并需要里面的成員是否有函數(shù)成員。對(duì)于里頭的函數(shù)成員來(lái)說(shuō)，每個(gè)同名函數(shù)聲明都會(huì)被當(dāng)成這個(gè)函數(shù)的一個(gè)重載，當(dāng)接口 A與后來(lái)的接口 A合并時(shí)，后面的接口具有更高的優(yōu)先級(jí)

今天要講的內(nèi)容也是TS中的聲明合并，但這次是命名空間相關(guān)的合并

主要分兩方面來(lái)講，一是同名的命名空間之間的合并，二是命名空間和其他類(lèi)型的合并。下面會(huì)一一講述

同名的命名空間之間的合并

與接口合并相類(lèi)似，兩個(gè)或多個(gè)同名的命名空間也會(huì)合并其成員

那具體怎么合并呢？

對(duì)于同名的命名空間之間的合并，記住一下4點(diǎn)：

• 里頭模塊導(dǎo)出的同名接口會(huì)合并為一個(gè)接口
• 對(duì)于非導(dǎo)出成員,僅在其原有的（合并前的）命名空間內(nèi)可見(jiàn)。也就是說(shuō)合并之后，從其它命名空間合并進(jìn)來(lái)的成員無(wú)法訪問(wèn)非導(dǎo)出成員
• 對(duì)于里頭值的合并，如果里頭值的名字相同，那么后來(lái)的命名空間的值會(huì)優(yōu)先級(jí)會(huì)更高
• 對(duì)于沒(méi)有沖突的成員，會(huì)直接混入
  

例如：

namespace Animals {
    export class Cat { }
}

namespace Animals {
    export interface Legged { numberOfLegs: number; }
    export class Dog { }
}

等同于：

namespace Animals {
    export interface Legged { numberOfLegs: number; }

    export class Cat { }
    export class Dog { }
}

上述例子中，兩個(gè)同名的命名空間Animals，最終合并為一個(gè)命名空間，而且結(jié)果是三個(gè)沒(méi)有沖突的東西，直接混合在一起了

命名空間和其他類(lèi)型的合并

命名空間可以與其它類(lèi)型的聲明進(jìn)行合并，比如與類(lèi)和函數(shù)，比如和枚舉類(lèi)型

合并同名的命名空間和類(lèi)

例如：

class Album {
    label: Album.AlbumLabel;
}
namespace Album {
    export class AlbumLabel { }//導(dǎo)出 `AlbumLabel`類(lèi)，好讓合并的類(lèi)能訪問(wèn)
}

命名空間和類(lèi)的合并，結(jié)果是一個(gè)類(lèi)并帶有一個(gè)內(nèi)部類(lèi)

合并同名的命名空間和函數(shù)

除了上述的內(nèi)部類(lèi)的模式，你在JavaScript里，創(chuàng)建一個(gè)函數(shù)稍后擴(kuò)展它增加一些屬性也是很常見(jiàn)的。 TypeScript使用聲明合并來(lái)達(dá)到這個(gè)目的并保證類(lèi)型安全

例如官方的一個(gè)例子：

function buildLabel(name: string): string {
    return buildLabel.prefix + name + buildLabel.suffix;
}

namespace buildLabel {
    export let suffix = "";
    export let prefix = "Hello, ";
}

console.log(buildLabel("Sam Smith"));

同名的命名空間和枚舉

可以用來(lái)擴(kuò)展枚舉，還是看官方給的例子吧

enum Color {
    red = 1,
    green = 2,
    blue = 4
}

namespace Color {
    export function mixColor(colorName: string) {
        if (colorName == "yellow") {
            return Color.red + Color.green;
        }
        else if (colorName == "white") {
            return Color.red + Color.green + Color.blue;
        }
        else if (colorName == "magenta") {
            return Color.red + Color.blue;
        }
        else if (colorName == "cyan") {
            return Color.green + Color.blue;
        }
    }
}

注意：
并不是所有東西都能合并，需要注意：類(lèi)不能與其它類(lèi)或變量合并

到此這篇關(guān)于TS命名空間合并講解的文章就介紹到這了,更多相關(guān)TS命名空間合并內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論