TypeScript聲明合并的實現(xiàn)
更新時間：2022年07月07日 09:30:37 作者：YY小怪獸
本文主要介紹了TypeScript聲明合并的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
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導出的內(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.命名空間和類合并
注意點: 類必須定義在命名空間的前面
會將命名空間中導出的方法作為一個靜態(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)文章
在光標處插入字符串的實現(xiàn)代碼 兼容IE,Firefox
在光標處插入字符串，一般用于網(wǎng)頁編輯器中，這里用的是text，需要的朋友可以參考下。2010-03-03
本文主要介紹了TypeScript中Map和Set的實現(xiàn)示例, 文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2025-06-06
JavaScript setTimeout使用閉包功能實現(xiàn)定時打印數(shù)值
這篇文章主要介紹了JavaScript setTimeout使用閉包功能實現(xiàn)定時打印數(shù)值 的相關(guān)資料,需要的朋友可以參考下2015-12-12
我們在微信小程序開發(fā)的時候,手機號的驗證是經(jīng)常需要操作的,那么如何驗證手機號呢?這篇文章主要給大家介紹了關(guān)于微信小程序判斷手機號是否合法的相關(guān)資料,需要的朋友可以參考下2021-09-09
移動端H5開發(fā) Turn.js實現(xiàn)很棒的翻書效果
這篇文章主要為大家詳細介紹了Turn.js實現(xiàn)很棒的翻書效果，對Turn.js翻書效果的實現(xiàn)進行總結(jié)，感興趣的小伙伴們可以參考一下2016-06-06
Javascript實現(xiàn)html轉(zhuǎn)pdf高清版（提高分辨率）
這篇文章主要介紹了Javascript將html轉(zhuǎn)成pdf高清版（提高分辨率）,需要的朋友可以參考下2020-02-02
生成xmlhttp的方法有很多，在本文為大家介紹下javaScript中是如何實現(xiàn)的2013-12-12
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)撥打電話功能的示例代碼,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
下面小編就為大家?guī)硪黄獰o縫滾動的簡單實現(xiàn)代碼(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了利用js檢測手機是否安裝某個app的多種方案，當判斷后如果安裝了直接打開，如果有沒有安裝將自動跳轉(zhuǎn)到下載的界面，有需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02