AMD、CMD、CommonJS、UMD和ES Module的写法

本文介绍了JavaScript模块化的几种常见规范:AMD、CMD、CommonJS和UMD,以及新兴的ES Module。AMD(如RequireJS)强调依赖前置和并行加载,CMD(如Sea.js)采用就近加载。CommonJS(如Node.js)适用于服务器端,而UMD用于兼容多种模块化方式。随着ES6的普及,ES Module已成为现代JavaScript开发的标准模块系统。
摘要由CSDN通过智能技术生成

相信大家经常看到AMD、CMD、CommonJS、UMD和ES Module这几个js模块化名词,但是对这些名词都是一知半解,今天就跟大家梳理一下这些名词和对应的技术细节。之所以出现这些js模块化规范是因为早期的js语言是没有模块化体系的,开发者为了方便代码组织,逐渐形成AMD和CMD规范,后来出现了主要在nodejs中使用的CommonJS规范,这么多的规范出来后,为了代码复用,又提出了UMD规范来统一兼容AMD、CMD、CommonJS,随着js语言的发展,规范的制定者也意识到模块化的重要性,于是增加了ES Module。

  1. AMD
define(['jquery'], function(jquery){
    // 此为工厂函数
    function myFunc(){
   
        // 依赖 jquery
    };
 
    // 暴露公共方法
    return myFunc;
})

RequireJS就是AMD的一个典型的实现, 依赖前置,多文件并行加载。
2. CMD

define(function(require, exports, module) {
   
    var jquery = require('./jquery'); // 就近书写依赖
    
    
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值