模块化开发

JavaScript模块化开发

本节主要从JavaScript发展历史讲起,介绍了模块化开发的发展历程,并结合实例介绍了CommonJS、AMD、CMD三种规范的基本用法。

2021-01-22侠课岛    初级拔高       

前端/前端/前端系列课程P2 14     0     1067

(四十八)JavaScript模块化开发

1:发展历史

  • 早期的Javascript - <script>标签引入 - 没有模块化
    • 简单粗暴
    • 逻辑混乱
    • 页面复杂, 可维护性差
    • 全局变量暴露
    • 文件引入顺序
  • JavaScript引入模块化
    • 避开全局污染
    • 模块复用, 提高开发效率与协作
    • 模块功能单一职能方便维护
    • 解决文件依赖顺序
  • CommonJs
  • AMD - 异步模块
  • CMD - 通用模块

2:CommonJs

  • CommonJs社区贡献

  • 规范

    • 定义模块标识规范
    • 全局函数require - 传入模块标识来引入其他模块(暴露API)
    • 模块嵌套 - 依次加载引用模块
    • 通过exports暴露API
  • 定义模块

  var basic = 1;
  var increase = function(value) {
      return value + basic;
  }

  module.exports.increase = increase;
  • 引入模块
  var myModule = require('./myModule.js');

  console.log(myModule.increase(1));

本教程图文或视频等内容版权归侠课岛所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、转贴或以其他方式复制发布或发表。

评价

14

本课评分:
  •     非常好
难易程度:
  •     适中的

内容目录


本文索引


|
教程
粉丝
主页

签到有礼

已签到2天,连续签到7天即可领取7天全站VIP

  • 1
    +2 金币
  • 2
    +3 金币
  • 3
    +5 金币
  • 6
    +7 金币
  • 5
    +6 金币
  • 4
    暖心福利
    自选分类VIP ×1天
  • 7
    惊喜大礼

    自选分类VIP ×3天 +20金币
  • 持续签到 +8 金币

金币可以用来做什么?