TypeScript聲明合并的實(shí)現(xiàn)
更新時(shí)間：2022年07月07日 09:30:37 作者：YY小怪獸
本文主要介紹了TypeScript聲明合并的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(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;//報(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同名的命名空間中其它命名空間沒(méi)有通過(guò)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): 沒(méi)有先后順序的要求
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)文章
在ECMAScript5標(biāo)準(zhǔn)中，JavaScript提出了嚴(yán)格模式的概念（Strict Mode），本文就來(lái)和大家簡(jiǎn)單講講JavaScript中嚴(yán)格模式的具體使用，感興趣的可以了解一下2023-05-05
JavaScript字符串String和Array操作的有趣方法
字符串和數(shù)組在程序編寫(xiě)過(guò)程中是十分常用的類型,因此程序語(yǔ)言都會(huì)將String和Array作為基本類型，并提供許多字符串和數(shù)組的方法來(lái)簡(jiǎn)化對(duì)字符串的操作2012-12-12
使用js完成節(jié)點(diǎn)的增刪改復(fù)制等的操作
本文為大家詳細(xì)介紹下使用js完成節(jié)點(diǎn)的增刪改復(fù)制等的操作，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參考下2014-01-01
基于javascript實(shí)現(xiàn)漂亮的頁(yè)面過(guò)渡動(dòng)畫(huà)效果附源碼下載
本文通過(guò)javascript實(shí)現(xiàn)漂亮的頁(yè)面過(guò)濾動(dòng)畫(huà)效果，用戶通過(guò)點(diǎn)擊頁(yè)面左側(cè)的菜單，對(duì)應(yīng)的頁(yè)面加載時(shí)伴隨著滑動(dòng)過(guò)濾動(dòng)畫(huà)，并帶有進(jìn)度條效果。用戶體驗(yàn)度非常好，感興趣的朋友一起看看吧2015-10-10
JavaScript canvas實(shí)現(xiàn)七彩時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實(shí)現(xiàn)七彩時(shí)鐘效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
從基礎(chǔ)的層面來(lái)講，理解JavaScript的定時(shí)器是如何工作的是非常重要的，文章通過(guò)講解JavaScript的單線程引擎，從而讓讀者更加深入的了解JavaScript定時(shí)器。2010-09-09
今天Test時(shí)發(fā)現(xiàn)一個(gè)小問(wèn)題，上傳控件完成后，路徑還保留，為了清除，需要想一些辦法2013-07-07
這篇文章主要介紹了js隨機(jī)生成網(wǎng)頁(yè)背景顏色的方法,涉及javascript操作背景色的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
微信小程序?qū)崿F(xiàn)給嵌套template模板傳遞數(shù)據(jù)的方式總結(jié)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)給嵌套template模板傳遞數(shù)據(jù)的方式,結(jié)合實(shí)例形式總結(jié)分析了微信小程序嵌套template模板的定義、調(diào)用、參數(shù)傳遞及相關(guān)使用技巧,需要的朋友可以參考下2017-12-12
JavaScript異步編程:異步數(shù)據(jù)收集的具體方法
我們先嘗試在不借助任何工具函數(shù)的情況下來(lái)解決這個(gè)問(wèn)題。筆者能想到的最簡(jiǎn)單的方法是：因前一個(gè)readFile的回調(diào)運(yùn)行下一個(gè)readFile，同時(shí)跟蹤記錄迄今已觸發(fā)的回調(diào)次數(shù)，并最終顯示輸出。下面是筆者的實(shí)現(xiàn)結(jié)果。2013-08-08