ts---模組

帅到要去报警發表於2024-08-31

模組：就是可以將公用的一些方法，變數，函式，型別，名稱空間等，單離出去形成一個模組。使用的時候，透過引入進行使用。

簡單示例：

// utils.ts
export function funca(){}
// 外部使用
import { funca } from './moduls/utils.ts'

可以是多個：

// utils.ts
export function funca(){}
export function funcb(){}
// 外部使用
import { funca,funcb } from './moduls/utils.ts'

或者這樣匯出：

function function funca(){}
function function funcb(){}

export {
    funca,
    funcb
}

還有一種寫法：export default 這種表示只匯出一個

function function funca(){}
function function funcb(){}

export default{
    funca,
    funcb
}
// 使用
import funcs from './moduls/utils.ts'

或者：

// utils.ts
class funca{}
var funca = new funca();
export default funca;
// 外部使用
import funca from './moduls/utils.ts'
// 還可以起別名
import funcb as fb from '/moduls/utils.ts'

打完收工！

相關文章