模块化开发

模块化开发

模块化概述

模块化只是一种思想

image

模块化演变过程

早起在没有工具和规范的情况下,对模块化的落地有以下方式:

文件划分方式

完全依靠约定

image

image

缺点

  • 污染全局作用域
  • 命名冲突问题
  • 无法管理模块依赖关系

命令空间的方式

可减小命名冲突的可能,但该方式仍然没有私有空间,模块成员仍然可能在外部被访问,被修改。

image

image

立即执行函数(IIFE)

image

image

image

模块化规范的出现

模块化标准

CommonJS 规范

以同步模式加载模块

  • 一个文件就是一个模块
  • 每个模块都有单独的作用域
  • 通过 module.exports 导出成员
  • 通过 require 函数载入模块

** AMD(Asynchronous Module Definition)**

Require.js

image

image

  • AMD 使用起来相对复杂
  • 模块 JS 文件请求频繁

Sea.js + CMD

image

模块化标准规范

image

image

posted @ 2022-08-21 15:41  小小紫苏  阅读(56)  评论(0)    收藏  举报