es6-2 模块化开发

最新推荐文章于 2024-06-07 09:30:00 发布

婉菡

最新推荐文章于 2024-06-07 09:30:00 发布

阅读量149

点赞数

分类专栏：前端文章标签： es6

本文链接：https://blog.csdn.net/gcyqweasd/article/details/113797120

版权

前端专栏收录该内容

64 篇文章 1 订阅

订阅专栏

本文介绍了如何使用ES6模块化进行JavaScript代码组织，通过实例展示如何导入`module1.js`中的变量和函数，并在`module2.js`中进行调用。从基础语法到实际应用，适合初学者理解模块化开发的概念和实践。

摘要由CSDN通过智能技术生成

index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>es6模块化开发</title>
		<script src="js/module2.js" type="module"></script>
	</head>
	<body>
	</body>
</html>

module1.js

export var x = 100;
export var str = "hello";

export function test(){
	console.log("aaaa");
}

module2.js

import {x,str,test} from './module1.js';

console.log(x);
console.log(str);
test();

在这里插入图片描述

婉菡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
es6-2 模块化开发

index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>es6模块化开发</title> <script src="js/module2.js" type="module"></script> </head> <body> </body></html>mo
复制链接

扫一扫

专栏目录