模块化,利用export导出和import导入实现模块化,一定程度上可以减少代码的冗余。
创建一个js文件,内容如下:
创建一个html文件,内容如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>模块化</title>
</head>
<body>
<script type="module">
/*import是导入的关键字,以下代码意思是,从(from)当前目录下的module.js文件导入a变量和test方法
并将a变量更名为b,as是更名的关键字
*/
import { a as b, test } from "./module.js";
//直接打印导进来的变量
console.log(b);
//调用导入的函数test
test();
</script>
</body>
</html>
效果图: