TypeScript聲明合并的實現(xiàn)
更新時間：2022年07月07日 09:30:37 作者：YY小怪獸
本文主要介紹了TypeScript聲明合并的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
1.接口合并
interface TestInterface {
name:string;
}
interface TestInterface {
age:number;
}
//相當于下面
interface TestInterface {
name:string;
age:number;
}
class Person implements TestInterface{
name:string;
age:number;
}1.1同名接口如果屬性名相同, 那么屬性類型必須一致
interface TestInterface {
name:string;
}
interface TestInterface {
name:number;//報錯
}1.2同名接口如果出現(xiàn)同名函數(shù), 那么就會成為一個函數(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';//報錯
export let say = ()=> "abc";//報錯
}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.命名空間和類合并
注意點: 類必須定義在命名空間的前面
會將命名空間中導(dǎo)出的方法作為一個靜態(tài)方法合并到類中
class Person {
say():void{
console.log('hello world');
}
}
namespace Person{
export const hi = ():void=>{
console.log('hi');
}
}
console.dir(Person);4.命名空間和函數(shù)合并
注意點: 函數(shù)必須定義在命名空間的前面
function getCounter() {
getCounter.count++;
console.log(getCounter.count);
}
namespace getCounter{
export let count:number = 0;
}5.命名空間和枚舉合并
注意點: 沒有先后順序的要求
enum Gender {
Male,
Female
}
namespace Gender{
export const Yao:number = 666;
}
console.log(Gender);
到此這篇關(guān)于TypeScript聲明合并的實現(xiàn)的文章就介紹到這了,更多相關(guān)TypeScript聲明合并內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
在ECMAScript5標準中，JavaScript提出了嚴格模式的概念（Strict Mode），本文就來和大家簡單講講JavaScript中嚴格模式的具體使用，感興趣的可以了解一下2023-05-05
JavaScript字符串String和Array操作的有趣方法
字符串和數(shù)組在程序編寫過程中是十分常用的類型,因此程序語言都會將String和Array作為基本類型，并提供許多字符串和數(shù)組的方法來簡化對字符串的操作2012-12-12
本文為大家詳細介紹下使用js完成節(jié)點的增刪改復(fù)制等的操作，具體的實現(xiàn)如下，感興趣的朋友可以參考下2014-01-01
基于javascript實現(xiàn)漂亮的頁面過渡動畫效果附源碼下載
本文通過javascript實現(xiàn)漂亮的頁面過濾動畫效果，用戶通過點擊頁面左側(cè)的菜單，對應(yīng)的頁面加載時伴隨著滑動過濾動畫，并帶有進度條效果。用戶體驗度非常好，感興趣的朋友一起看看吧2015-10-10
JavaScript canvas實現(xiàn)七彩時鐘效果
這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)七彩時鐘效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
從基礎(chǔ)的層面來講，理解JavaScript的定時器是如何工作的是非常重要的，文章通過講解JavaScript的單線程引擎，從而讓讀者更加深入的了解JavaScript定時器。2010-09-09
今天Test時發(fā)現(xiàn)一個小問題，上傳控件完成后，路徑還保留，為了清除，需要想一些辦法2013-07-07
這篇文章主要介紹了js隨機生成網(wǎng)頁背景顏色的方法,涉及javascript操作背景色的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
微信小程序?qū)崿F(xiàn)給嵌套template模板傳遞數(shù)據(jù)的方式總結(jié)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)給嵌套template模板傳遞數(shù)據(jù)的方式,結(jié)合實例形式總結(jié)分析了微信小程序嵌套template模板的定義、調(diào)用、參數(shù)傳遞及相關(guān)使用技巧,需要的朋友可以參考下2017-12-12
JavaScript異步編程:異步數(shù)據(jù)收集的具體方法
我們先嘗試在不借助任何工具函數(shù)的情況下來解決這個問題。筆者能想到的最簡單的方法是：因前一個readFile的回調(diào)運行下一個readFile，同時跟蹤記錄迄今已觸發(fā)的回調(diào)次數(shù)，并最終顯示輸出。下面是筆者的實現(xiàn)結(jié)果。2013-08-08