面向对象里的Event事件池与模块化

Event事件池

作用： 记录所有的相关事件及处理函数

由一个对象，三个方法组成

		class Event{
            //事件池，记录所有的相关事件及处理函数
            events = {}; 

            //添加事件的功能
            on(eventName,fn){}

            //删除事件的功能
            off(eventName,fn){}

            // dispatch: 负责把触发到的事件给执行了
            dispatch(eventName){}
        }    

        let event = new Event;

模块化

什么是模块化：
是运行在服务器上的内容（本机，编译器）
默认是严格模式

优点： 按需加载

导入

import：
导入指定文件中的 指定内容 （路径可以是 相对路径，绝对路径，网络路径）
导入时，依然可以使用as进行重命名。

导入时指定的内容 如果是 *号 则表示引入指定路径下的所有内容。

示例：

import Person from "./js1/模块化的基本使用.js"
import Person, {name,age,Ps} from "./js1/模块化的基本使用.js"

注意点：
import拥有提前量（自动提升到顶层执行）
在使用是需要在导入的HTML页面的script中加上 type=“module”

导出

分为两种方式导出：

1. 默认：export default 导入时名字可以任意取
2. 自定义：export 导入时名字需要对应

可以导出： 对象，函数，类，字符串

两种方式的区别：

1. 默认：exprot default: 不需要添加任何修饰
2. 自定义：exprot: 导出的内容需要加一个大括号{}

as： 重命名

Person as Ps //将左侧的名字，更改为右侧的

备注： 在当前的js文件中，名字依然为左侧的,在外部文件中导入时，才是使用右侧的名字