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);
到此這篇關于TypeScript聲明合并的實現(xiàn)的文章就介紹到這了,更多相關TypeScript聲明合并內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
在ES6之前我們都使用單引號或者雙引號來包裹字符串,當我們想要在字符串中加入變量時,不能直接寫在字符串里,而是需要通過字符串拼接的方式來往字符串中加入變量,這篇文章主要給大家介紹了關于JavaScript模板字符串用法的相關資料,需要的朋友可以參考下2022-11-11
JavaScrip如何安全使用Payment Request API詳解
這篇文章主要為大家介紹了JavaScrip如何安全使用Payment Request API詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
本文介紹js如何顯示最后修改時間，在頁面的文本框中顯示文件上一次被修改的時間，通過這種方法可以查看網(wǎng)頁的更新時間,有需要的朋友可以參考下2013-01-01
這篇文章主要介紹了js制作提示框插件的方法，幫助大家更好的理解和使用js，感興趣的朋友可以了解下2020-12-12
詳解在微信小程序的JS腳本中使用Promise來優(yōu)化函數(shù)處理
這篇文章主要介紹了詳解在微信小程序的JS腳本中使用Promise來優(yōu)化函數(shù)處理，引入Promise確實能夠很好的解決異步回調(diào)函數(shù)的可讀性等問題，同時也使得我們調(diào)用的時候代碼簡潔一些，本文介紹如何在小程序的JS代碼里面使用Promise來封裝一些函數(shù)的做法2019-03-03
這篇文章主要給大家介紹了關于js中對象與對象創(chuàng)建方法的各種方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-02-02
下面小編就為大家?guī)硪黄P于在Servelet中如何獲取當前時間的操作方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
關于document.cookie的使用javascript
構造通用的cookie處理函數(shù) cookie的處理過程比較復雜，并具有一定的相似性。因此可以定義幾個函數(shù)來完成cookie的通用操作，從而實現(xiàn)代碼的復用。2010-10-10
有趣的思路~~JS仿 WINXP 注銷桌面漸隱效果...2006-10-10
這篇文章主要介紹了詳解如何使用webpack打包JS，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06