前端模块化各种类型区别

1、全局函数
将不同的功能封装成不同的全局函数
问题:污染全局命名空间,容易引起命名冲突,而且模块成员之间看不出直接关系
2、命名空间
对象封装:减少了全局变量,解决命名冲突
问题:内部状态可以被外部改写
3、匿名函数自调用
数据私有,将接口通过闭包暴露出来
问题1.当模块之间有依赖关系时不好处理
2闭包并不是很好理解
4、现代模块化规范
以文件为模块,有自己的作用域在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。
4.1、commonjs
特点:
1文件作用域
2.缓存
3同步加载
问题:同步加载意味着会阻塞脚本,不适用于浏览器
4.2 AMD Asynchronous Module Definition
特点:
1文件作用域
2非同步加载
CommonJs适用于服务端 AMD适用于浏览器
4.3UMD
Universal module definition-前后端跨平台的模块化解决方案
实现原理:
1先判断是否支持 Node. js模块格式( exports是否存在),存在则使用Node js模块格式
2再判断是否支持AMD( define是否存在),存在则使用AMD方式加载模块
3前两个都不存在,则将模块公开到全局( window或 global)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

eadela

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值