TypeScript聲明合并的實(shí)現(xiàn)
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;//報(bào)錯(cuò) }
1.2同名接口如果出現(xiàn)同名函數(shù), 那么就會(huì)成為一個(gè)函數(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';//報(bào)錯(cuò) export let say = ()=> "abc";//報(bào)錯(cuò) }
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.命名空間和類合并
注意點(diǎn): 類必須定義在命名空間的前面
會(huì)將命名空間中導(dǎo)出的方法作為一個(gè)靜態(tài)方法合并到類中
class Person { say():void{ console.log('hello world'); } } namespace Person{ export const hi = ():void=>{ console.log('hi'); } } console.dir(Person);
4.命名空間和函數(shù)合并
注意點(diǎn): 函數(shù)必須定義在命名空間的前面
function getCounter() { getCounter.count++; console.log(getCounter.count); } namespace getCounter{ export let count:number = 0; }
5.命名空間和枚舉合并
注意點(diǎn): 沒有先后順序的要求
enum Gender { Male, Female } namespace Gender{ export const Yao:number = 666; } console.log(Gender);
到此這篇關(guān)于TypeScript聲明合并的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)TypeScript聲明合并內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScrip如何安全使用Payment Request API詳解
這篇文章主要為大家介紹了JavaScrip如何安全使用Payment Request API詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-10-10詳解在微信小程序的JS腳本中使用Promise來優(yōu)化函數(shù)處理
這篇文章主要介紹了詳解在微信小程序的JS腳本中使用Promise來優(yōu)化函數(shù)處理,引入Promise確實(shí)能夠很好的解決異步回調(diào)函數(shù)的可讀性等問題,同時(shí)也使得我們調(diào)用的時(shí)候代碼簡潔一些,本文介紹如何在小程序的JS代碼里面使用Promise來封裝一些函數(shù)的做法2019-03-03js中對(duì)象與對(duì)象創(chuàng)建方法的各種方法
這篇文章主要給大家介紹了關(guān)于js中對(duì)象與對(duì)象創(chuàng)建方法的各種方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02關(guān)于在Servelet中如何獲取當(dāng)前時(shí)間的操作方法
下面小編就為大家?guī)硪黄P(guān)于在Servelet中如何獲取當(dāng)前時(shí)間的操作方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06關(guān)于document.cookie的使用javascript
構(gòu)造通用的cookie處理函數(shù) cookie的處理過程比較復(fù)雜,并具有一定的相似性。因此可以定義幾個(gè)函數(shù)來完成cookie的通用操作,從而實(shí)現(xiàn)代碼的復(fù)用。2010-10-10