前端模块化

//对外部输出三个变量----》声明后输出
// js 文件内部
export var name = ‘zjl‘
export var age = 18
export var gender = ‘男‘

// 对外输出三个变量-----》先声明再输出   优先使用这种写法
?
var name = ‘zjl‘
var age = 18
var gender = ‘男‘
export {name,age,gender}

## 输出函数：
export function test(x,y){
   return x*y;          
}

// 大括号内的变量名，必须跟 export 对外接口的变量名一致
import {name,age,gender}  from ‘./XXX.js‘
?
?
## 注意几个 import 关键点
①import 导入的值都是只读的，不允许修改输入的接口。
?
②可以修改导入的对象 ，可以修改导入对象的属性，但不推荐这样做，建议把导入的变量（不管是普通变量还是对象）都当做只读的。
?
③import.....from 中 from 后面的路径可以是绝路径也可以是相对路径。
?
④js模块导入时可以省略后面 的 .js后缀。
?
⑤import 命令具有提升效果，它会把import命令提升到模块的头部，首先执行。
?
⑥执行同一个import命令多次，默认只会执行一次，不会执行多次
?
import {name} from ‘./XXX.js‘
import {name} from ‘./XXX.js‘
//只会执行一次
⑦从同一个模块通过多条import加载不同变量，但它们对应的是同一个模块实例。import语句是 单例模式（Singleton）
?
import {name}  from ‘./a.js‘
import {age}  from ‘a.js‘
// 单例模式
?
⑨整体加载模块
?
import *  as user from ‘./a.js‘

// 导出模块 a.js，导出一个匿名函数
export default function (){...}
?
//导入模块 b.js,  
import fun  from ‘./a.js‘;    // fun还可以为其他合法的名称
                           
//导出模块一个类
export default class{ static xx(){} }
//导入类
import vv from ‘xx.js‘  // vv还可以为其他合法的名称