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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
在光標(biāo)處插入字符串的實(shí)現(xiàn)代碼 兼容IE,Firefox
在光標(biāo)處插入字符串,一般用于網(wǎng)頁編輯器中,這里用的是text,需要的朋友可以參考下。2010-03-03
TypeScript中Map和Set的實(shí)現(xiàn)示例
本文主要介紹了TypeScript中Map和Set的實(shí)現(xiàn)示例, 文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-06-06
JavaScript setTimeout使用閉包功能實(shí)現(xiàn)定時(shí)打印數(shù)值
這篇文章主要介紹了JavaScript setTimeout使用閉包功能實(shí)現(xiàn)定時(shí)打印數(shù)值 的相關(guān)資料,需要的朋友可以參考下2015-12-12
微信小程序判斷手機(jī)號(hào)是否合法的實(shí)例代碼
我們在微信小程序開發(fā)的時(shí)候,手機(jī)號(hào)的驗(yàn)證是經(jīng)常需要操作的,那么如何驗(yàn)證手機(jī)號(hào)呢?這篇文章主要給大家介紹了關(guān)于微信小程序判斷手機(jī)號(hào)是否合法的相關(guān)資料,需要的朋友可以參考下2021-09-09
移動(dòng)端H5開發(fā) Turn.js實(shí)現(xiàn)很棒的翻書效果
這篇文章主要為大家詳細(xì)介紹了Turn.js實(shí)現(xiàn)很棒的翻書效果,對Turn.js翻書效果的實(shí)現(xiàn)進(jìn)行總結(jié),感興趣的小伙伴們可以參考一下2016-06-06
Javascript實(shí)現(xiàn)html轉(zhuǎn)pdf高清版(提高分辨率)
這篇文章主要介紹了Javascript將html轉(zhuǎn)成pdf高清版(提高分辨率),需要的朋友可以參考下2020-02-02
無縫滾動(dòng)的簡單實(shí)現(xiàn)代碼(推薦)
下面小編就為大家?guī)硪黄獰o縫滾動(dòng)的簡單實(shí)現(xiàn)代碼(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
利用js判斷手機(jī)是否安裝某個(gè)app的多種方案
這篇文章主要介紹了利用js檢測手機(jī)是否安裝某個(gè)app的多種方案,當(dāng)判斷后如果安裝了直接打開,如果有沒有安裝將自動(dòng)跳轉(zhuǎn)到下載的界面,有需要的朋友可以參考借鑒,下面來一起看看吧。2017-02-02

