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模块化
  • javascript之基础学习
  • Javascript学习之JS数据类型
  • JavaScript学习之JavaScript HTML DOM
  • JavaScript学习之JS简介
  • javascript函数
  • 热门搜索
    轻声慢步手抄报内容 有关于感恩的手抄报 走进田园手抄报 小学四年级英语手抄报 一年级安全手抄报 关于传染病的手抄报 三年级手抄报保护环境 心里手抄报 安全小报手抄报图片 我爱读书的手抄报