模块化

      模块化是将一个大的程序，拆分成多个小文件，然后将小文件组合起来

模块化优点：

防止命名冲突
代码复用性
高维护性

模块化主要由 import 和 export 构成

export 模块对外暴露
import 引入暴露的模块

export

单个暴露

// 单独暴露 在需要暴露的内容前面加入 export关键字
export let school = "我爱学习";

export function getData(){
    console.log("我可以改变你")
}

统一暴露

let msg = "嘿嘿";
function getMsg(){
    console.log("哈哈")
}
export {msg , getMsg};

默认暴露

// 默认暴露 以对象形式暴露
export default{
    name:"Hello",
    show(){
        console.log("Hello Show");
    }
}

Import

默认引入

// 引入 将暴露的内容全部引入 并赋值给m1
import * as m1 from "./export";

解构赋值引入

// 解构赋值形式引入
import {msg,getMsg} from "./export2";

针对于默认暴露引入

import m2 from "./export3";

命名空间

命名空间：在代码量较大的情况下，为了避免各种变量命名相冲突，可将相似功能的函数、类、接口等放置到命名空间内，同Java的包，TypeScript的命名空间可以将代码包裹起来，只对外暴露需要在外部访问的对象，命名空间内的对象通过export关键字对外暴露

命名空间和模块的区别：

命名空间：内部模块，主要用于组织代码，避免命名冲突。
模块：ts的外部模块的简称，侧重代码的复用，一个模块里可能会有多个命名空间
 

namespace A{
    interface Animal {
        name: string;
        eat(): void;
    }
    export class Dog implements Animal {
        name: string;
        constructor(name: string) {
            this.name = name;
        }
        eat(): void {
            console.log(`${this.name} ---- 吃骨头！！！`);
        }
    }
    export class Cat implements Animal {
        name: string;
        constructor(name: string) {
            this.name = name;
        }
        eat(): void {
            console.log(`${this.name} ----吃猫粮！！！`);
        }
    }
}
const aDog = new A.Dog("小狗狗");
aDog.eat();

const aCat = new A.Cat("小喵喵");
aCat.eat();