TypeScript模塊

一個ts文件相當于一個作用域,它里面的函數(shù)、變量、類和接口對其他文件不可見。除非使用export導出它們,而要調(diào)用它們則需要顯式地import。

1 導出方式

直接導出(在聲明的時候)

export class Animal {
    abstrack eat():void; // 必須在派生類中實現(xiàn)
    move(meters: number = 0) {
        console.info(this.name + " moved " + meters + "m.");
    }
}
export const LOCATHION = "Shanghai";

導出語句

export class Animal {
    abstrack eat():void; // 必須在派生類中實現(xiàn)
    move(meters: number = 0) {
        console.info(this.name + " moved " + meters + "m.");
    }
}
export { Animal };

導出整個模塊

export * from './Animal';
export {Animal as Ani} from './Animal';

2.導入

導入和導出類似。

3.模塊的設(shè)計原則

盡可能在頂層導出

一個文件 Animal.ts盡可能只定義一個類,然后在它的頂層將它導出,封裝性更好 。

明確地列出導入的名字

// AllAnimalModule.ts
export class Dog { /* ... */ }
export class Cat { /* ... */ }

// Bus.ts
import * as allAnimalModule from "./AllAnimalModule.ts";
let x = allAnimalModule.Dog();

使用模塊包裝進行擴展

export class NgBootstrapModule {
    ...
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 概述 TypeScript本質(zhì)上是向JavaScript語言添加了可選的靜態(tài)類型和基于類的面向?qū)ο缶幊?,同時也支持...
    oWSQo閱讀 8,680評論 1 45
  • 官方中文版原文鏈接 感謝社區(qū)中各位的大力支持,譯者再次奉上一點點福利:阿里云產(chǎn)品券,享受所有官網(wǎng)優(yōu)惠,并抽取幸運大...
    HetfieldJoe閱讀 3,720評論 2 27
  • { "Unterminated string literal.": "未終止的字符串文本。", "Identifi...
    一粒沙隨風飄搖閱讀 11,313評論 0 3
  • 上期對志愿者的義務(wù)做了一個清晰的清單,這期我對值月生的總結(jié)和心得也做了一個清單,大致如下: 1.對志愿者進行匯總拉...
    文芒篤定閱讀 227評論 0 0
  • 赫爾德林被海德格爾稱為“詩人中的詩人”,他一直認為:詩是最清白無邪的事業(yè),也是最危險的財富。柏拉圖不希望那...
    薛崔愿閱讀 1,036評論 0 3

友情鏈接更多精彩內(nèi)容