欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 房产 > 建筑 > Module模块化

Module模块化

2025/10/17 0:44:50 来源:https://blog.csdn.net/2201_75883040/article/details/147051240  浏览:    关键词:Module模块化

导出:export关键字

export var color = "red";

 重命名导出

在模块中使用as用导出名称表示本地名称。
import { add } from "./05-module-out.js";

导入: import关键字

导入单个绑定

import { sum } from "./05-module-out.js";

浏览器使用模块

使用<script>元素以及src属性来指定代码加载的位置,以便加载 JS代码文件。
<script type="module" src="./05-module-js/05-module-in.js"></script>
使用<script>元素但不使用src属性,来嵌入内联的JS代码。
<script type="module">
import {sum} from "./module.js";
let result=sum(1,2);
console.log(result);
</script>

浏览器要求模块说明符必须为下列格式之一:

  • 以 / 为起始,表示从根目录开始解析
  • 以 ./ 为起始,表示从当前目录开始解析
  • 以 ../ 为起始,表示从父级目录开始解析
  • URL 格式

导入多个绑定

import { sum, name, point } from "./05-module-out.js";

完全导入一个模块

将整个模块当作单一对象进行导入,该模块的所有导出都会作为该对象的属性。
import * from "./05-module-out.js";

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词