JavaScript之ES模块化

2026-02-22 04:33:53

1、用vs code编辑器,先安装插件live server;

JavaScript之ES模块化

2、安装live server,鼠标右键打开html文件;

JavaScript之ES模块化

3、从live server打开后会自带域名,相当打开一个简单的服务器;

JavaScript之ES模块化

4、ES模块化只能在服务器环境下使用,单独打开浏览器是会报错的;

JavaScript之ES模块化

5、html文件中script标签类型:type="module"必须写;

<script type="module"></script>

JavaScript之ES模块化

6、用import引入js模块:import  变量名   from  "模块路径";

JavaScript之ES模块化

7、js模块文件用export default输出,注意一个文件只能有一个export default

JavaScript之ES模块化

8、js模块中可以用export设置多个变量,html中导入必须用{}解构出来才行,且变量名必须一致;

JavaScript之ES模块化

JavaScript之ES模块化

JavaScript之ES模块化

9、但是我们可以用as来重新命名;{b as name}

JavaScript之ES模块化

JavaScript之ES模块化

10、可以通过通配符*号全部导出:* as obj;

JavaScript之ES模块化

JavaScript之ES模块化

猜你喜欢