ES6模块

ES6模块

一、模块化
export (导出)与 import(导入)
模块导入导出各种类型的变量,如字符串,数值,函数,类。
export 命令可以出现在模块的任何位置,但必需处于模块顶层。
import 命令会提升到整个模块的头部,首先执行。

二、export default 命令

let s1 = function() {
return “默认方法”;
}

let s2 = function() {
return “输出s2方法”;
}

let s3 = function(){
return “输出s3方法”;
}

//导出s2和s3
export {s2,s3};

//默认导出s1
export default{
s1;
}

**三、类、HTML

ES6模块
ES6模块
四、模块的优点:
1.执行效率高
2.隔离性强,避免每一次引入的依赖
3.可以减少命名的冲突
4.在多次引用同一个js文件,只执行一次