ES6之模块化

非模块化的弊端:
代码杂乱无章,没有条理性,不便于维护,不便于复用,很多代码重复、逻辑重复,全局变量污染,不方便保护私有数据(闭包)

模块化优势:代码条理清晰,利于管理维护,减少命名冲突,提升执行效率,方便单个模块进行功能调试

假设这里有两个js文件,aaa.js和bbb.js,在同一目录下
html中要通过下面这种方式导入

<script src="js/aaa.js" type="module"></script>
<script src="js/bbb.js" type="module"></script>

为了让bbb.js能够使用aaa.js定义的一些属性或变量,在aaa.js中需要导出,并在bbb.js中进行导入

1、先定义好再导出

//aaa.js
let name = "张三";

function sum(a,b){
   
	return a+b;
}

export {
   name,sum}
//bbb.js
import {
   name,sum} from "./aaa.js"
console.log(name);
console.log(
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值