TS中最常見的聲明合并有哪些

小編給大家分享一下TS中最常見的聲明合并有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

前言：

在TS中最常見的聲明合并：接口合并

在聊接口合并之前，我們先來聊聊聲明合并

聲明合并:

什么是聲明合并？

其實很好理解，TS中的聲明合并，指的就是編譯器會針對同名的聲明合并為一個聲明

合并的結果:

合并后的聲明會同時擁有原先兩個或多個聲明的特性

疑問:
那這兩個或多個具體指的是什么呢？

其實得分幾種情況講，今天要講的就是其中一種，最簡單也最常見的聲明合并類型是接口合并

1.合并接口

我們剛剛說了，“合并后的聲明會同時擁有原先兩個或多個聲明的特性”

接口的合并也是一樣，它會將雙方的成員放到一個同名的接口里

需要注意的是，接口里面的成員有函數成員和非函數成員，情況有所不一樣

1.1非函數成員

例如：

interface Box {
    height: number;
}

interface Box {
    width: number;
}

let box: Box = {height: 2, width: 3};

上述代碼中，定義了兩個名字都為Box的同名接口（實際開發中，可能來源于不同的文件），最終里面的東西會混合在一起

但是需要注意，以上情況里頭的成員都是唯一的，但如果兩個接口中同時聲明了同名的非函數成員且它們的類型不同，則編譯器會報錯

1.2函數成員

而對于里頭的函數成員來說，每個同名函數聲明都會被當成這個函數的一個重載。而且當接口 A與后來的接口 A合并時，后面的接口具有更高的優先級

例如官方的例子：

interface Cloner {
    clone(animal: Animal): Animal;
}

interface Cloner {
    clone(animal: Sheep): Sheep;
}

interface Cloner {
    clone(animal: Dog): Dog;
    clone(animal: Cat): Cat;
}

最終會合并成一個聲明，如下:

interface Cloner {
    clone(animal: Dog): Dog;
    clone(animal: Cat): Cat;
    clone(animal: Sheep): Sheep;
    clone(animal: Animal): Animal;
}

需要注意兩點：

• 每組接口里的聲明順序不變

• 各組接口之間的順序是后來的接口重載出現在靠前位置
  

不過也有例外：當出現特殊的函數簽名時。 如果簽名里有一個參數的類型是單一的字符串字面量（比如，不是字符串字面量的聯合類型），那么它將會被提升到重載列表的最頂端

以上是“TS中最常見的聲明合并有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！