Typescript学习笔记 - 模块化export, import

简单示例

./modules/db.ts

var dbUrl='xxxxxx'
function getData():any[] {
    console.log('获取数据库的数据111')
    return [
        { title:'121312' }, { title:'121312' }
    ]
}
function save() {
    console.log('保存数据成功')
}
export {dbUrl,getData,save}

./index.ts

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

export default

export default 只能用一次

export default getData
..
import getData from './modules/db'

数据库(模型)示例

./index.ts

import { UserClass, UserModel } from './model/user'
var u = new UserClass()
u.username = '李四'
u.password = '123456'

UserModel.add(u)

var res = UserModel.get(1)
console.log(res) // [{..},{..}]

./modules/db.ts

interface DBI<T> {
    add(info:T):boolean;
    update(info:T, id:number):boolean;
    delete(id:number):boolean;
    get(id:number):any[];
}
export class MysqlDb<T> implements DBI<T> {
    constructor () {
        console.log('数据库建立连接')
    }
    add (info:T): boolean {
        console.log(info)
        return true
    }
    update (info:T, id:number): boolean { .. }
    deleted (id:number): boolean { .. }
    get (id:number): any[] {
        return [
            { title: '111' }, { title: '222' }
        ]
    }
}

./model/user.ts

import { MySqlDb } from '../modules/db'
class UserClass {
    username: string | undefined;
    password: string | undefined;
}

var UserModel = new MySqlDb<UserClass>();
export { UserClass, UserModel }

欢迎技术指正与交流，转载请注明出处
https://www.imure.cn/2019/10/25/Typescript-Export-and-import/