模块化
ES5标准之前没有模块化,接下来说下模块化的事:
如果按照正常写法,将会因为引入后识别不到所引入的文件里的函数而报错,如在node.js中:
module
模块化写法:
<script type="module">
......
</script>
import 与 export
导入与导出:
//记得开启本地服务器才能看见运行结果,我开了wampserver
但是这个的话我们得注意一个问题,就是如果add.js里面需要导出的东西太多,这样写就很麻烦,所以,add.js里面我们可以这样写:
function add(index) {
index += 99;
return index;
}
var a = 1;
//在最后一步再导出所有需要导出的
export{add,a}
一样可行:
as重命名
导出的时候可以起个别名,重命名它
同理,导入的时候也可以这样干,重命名不报错,运行无压力:
default 默认导出
当前模块只导出一个函数的时候可用,且 import 后面去掉大括号
* 导出所有
用*导出所有,然后用as起个名字,其实导出的形式是对象