手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

JavaScript之ES模块化

时间:2024-10-28 14:06:26

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"必须写;<scripttype="module"></script>

JavaScript之ES模块化

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

JavaScript之ES模块化

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

JavaScript之ES模块化

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

JavaScript之ES模块化
JavaScript之ES模块化
JavaScript之ES模块化

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

JavaScript之ES模块化
JavaScript之ES模块化

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

JavaScript之ES模块化
JavaScript之ES模块化
© 手抄报圈