个人typescript学习笔记（7）---模块

纯属个人学习，加深记忆使用。

模块的概念

我们可以把一些公共的功能单独抽离成一个文件作为一个模块
模块里面的变量、函数、类等默认是私有的，如果我们要在外部访问模块里的数据（变量、函数、类）
我们需要通过 export 暴露模块里面的数据
暴露之后我们通过 import 引入模块就可以使用模块里面暴露的数据
模块（modules/db.ts）

var dburl = 'xxxx';

export function getData():any[]{
    console.log("获取数据库的数据");

    return [{title:'123'},{title:'456'}];
}

export function save(){
    console.log("保存数据成功")
}

在外部的使用

import { getData, save } from './modules/db';
getData();
save();

另一种暴露的写法

var dburl = 'xxxx';

function getData():any[]{
    console.log("获取数据库的数据");

    return [{title:'123'},{title:'456'}];
}

function save(){
    console.log("保存数据成功")
}

export{dburl,getData,save}

引入时可以修改名称（as 关键词）

import { getData as get, save } from './modules/db';
get();
save();

默认导出

每个模块都可以有一个default导出，一个模块只能有一个default导出，需要有一个特殊的导入形式来对应

var dburl = 'xxxx';

function getData():any[]{
    console.log("获取数据库的数据");

    return [{title:'123'},{title:'456'}];
}

function save(){
    console.log("保存数据成功")
}

// export{dburl,getData,save}
export default getData;

import getData from './modules/db'
getData();