typescript學習(5) 模組

2021-08-15 15:07:04 字數 1188 閱讀 9023

export function square(x) ;

export function log10(x) ;

export const pi = math.pi;

上面定義了乙個簡單的es2015模組,定義並匯出了square和log10兩個函式以及常量pi。

若不想多次使用export,可以這樣:

math.ts

function square(x) ;

function log10(x) ;

const pi = math.pi;

export ;

用下列方式消費該模組:

import  from './math';

console.log(square(2)); // 4

console.log(log10(10)); // 1

結果為:4 1

我們使用基於當前檔案的相對路徑作為模組的識別符號('./math')

1、有時需要給匯出的內容起乙個別名:

import  from 'angular2/platform/browser';

2、可以用以下方式匯入所有匯出的模組:

import * as math from './math';

console.log(math.square(2)); // 4

console.log(math.log10(10)); // 1

console.log(math.pi); // 3.141592653589793

3、預設匯出:

math.ts

export function cube(x) ;

export default function square(x) ;

square函式被預設匯出。

import test from './math';

console.log(test(3)); // 9

預設匯出指的是預設的名字,比如上面的預設匯出函式是square,那麼下面的test指代的就是square函式。

4、模組載入器,允許定義並匯入模組,還可以配置模組的載入方式---後續學習

Typescript學習記錄 回顧ES5繼承

b類繼承a類的方法 function a name run a.prototype.age 21 a.prototype.coding function coding var a newa aaa a.run a.coding es5的繼承,b繼承a function b name 繼承a原型鏈的拷...

Typescript學習筆記

物件導向特性 類類的宣告 用class關鍵字 加類名 class person 類宣告完之後就可以被例項化了,類相當於乙個模子.name string eat var p1 new person p1.name batman p1.eat var p2 new person p2.name supe...

typescript學習筆記

1,ts是js的超集,ts是強型別語言。ts比js入門更難。ts的物件導向寫法比js更優雅。ts更適合團隊協作。2,宣告變數篇。3,宣告函式篇。4,物件導向篇。4.1,子類繼承父類 extends 繼承多個介面 implements。4.2,this表示當前物件,super表示父類物件。子類不寫co...