TypeScript模塊

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

1 導出方式

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

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

導出語句

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

導出整個模塊

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

2.導入

導入和導出類似。

3.模塊的設計原則

盡可能在頂層導出

一個文件 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 {
    ...
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

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