typescript模块化

模块

• ts模块：通过export将ts文件下数据暴露，然后再需要用到的ts文件中用import将通过export暴露的文件引入(引入模块)。
• 在外部访问模块中的方法
• 导出
  • export ：每个文件中中多次使用
    • 使用场景:一个文件中用多个模块(变量)要导出时使用
  • export default:每个文件只能使用一次
    • 使用场景:一个文件只有一个模块时使用
• 引入
  • import
    • as关键词的作用：简化名字
      • 用法import {getData as get,save,dbUrl} from './modules/db'将getData 简化为get

定义模块

export var dbUrl = 'xxxxx'//数据库地址
//获取数据库数据的方法
export function getData(): any[] {
    console.log('获取数据库数据')
    return [
        {
            title: '124334'
        },
        {
            title: '124334'
        }
    ]
}

export function save():void {
    console.log('保存数据成功')
}
//export关键字是导出；上面的是一种方式导出
// 第二种方式导出
// export {dbUrl,getData,save}
// 第三种 export default 默认导出
// export default getData

引入模块

//模块化
//在外部访问模块中的方法
// 用import关键字访问export导出的模块
//as关键字的使用(简化名字)  
import {getData as get,save,dbUrl} from './modules/db'

console.log(get())
save()
console.log(dbUrl)