ES6语法(六)知识总结

模块化

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起个名字,其实导出的形式是对象
在这里插入图片描述

发布了24 篇原创文章 · 获赞 23 · 访问量 6515

猜你喜欢

转载自blog.csdn.net/qq_41136216/article/details/105543717