Js前端模块化规范及其产品

规范一 commonJs:用于服务器端(产品有NodeJs、browserify等)。

javascript 复制代码
	// 导入
	var bjs = require("b.js")
	// 导出
	module.exports = function() {}

规范二 AMD:用于浏览器端,是异步的(产品有requireJs、jQuery、AngularJS、Dojo)。

  • AMD和RequireJS:RequireJS 是一个前端的模块化管理的工具库,遵循AMD规范。
  • AMD规范定义了一个自由变量或者说是全局变量 define 的函数。
AMD规范
javascript 复制代码
    define( id?, dependencies?, factory );    
    第一个参数 id 为字符串类型,表示了模块标识,为可选参数。若不存在则模块标识应该默认定义为在加载器中被请求脚本的标识。如果存在,那么模块标识必须为顶层的或者一个绝对的标识。
    第二个参数,dependencies ,是一个当前模块依赖的,已被模块定义的模块标识的数组字面量。
    第三个参数,factory,是一个需要进行实例化的函数或者一个对象。

规范三 CMD:用于浏览器端,是异步的(产品有Sea.js、Vue) 。

CMD规范
  1. 对于依赖的模块,AMD 是提前执行,CMD 是延迟执行。不过 RequireJS 从 2.0 开始,也改成可以延迟执行(根据写法不同,处理方式不同)。CMD 推崇 as lazy as possible.
  2. CMD 推崇依赖就近,AMD 推崇依赖前置。

四 UMD:通用模块

  • 用于在实际运行时探测用户实际使用的是 AMD 规范模块还是 CommonJS 规范模块。

五 ES6 Modules(Es6模块化语法,现在是大趋势):

javascript 复制代码
	// 导入
	import { time } from "./counter.mjs"
	// 导出
	export var time = 0
相关推荐
揽星河..9 分钟前
【C语言】结构体
c语言·开发语言
孟陬10 分钟前
Foobar 技术周刊#159:当看不懂代码时,如何高效排障调试。脏页陷阱:一条只读查询,写入数 TB 数据。推测解码:大模型加速利器
前端·人工智能·后端
Zhao-Jichao19 分钟前
AI Prompting for Everyone 课程笔记 - P17 图像生成 Imaging Generation
前端
2601_9669496525 分钟前
如何封装 qd.klines.batch(),让批量 K 线查询函数在多个策略中复用?
开发语言·python·数据分析·pandas·量化交易·股票数据·quantdash
Highcharts.js1 小时前
智能数据分析组件Orbit 正式发布与快速上手体验教程
前端·人工智能·信息可视化·数据分析系统·highcharts·orbit·智能可视化
Dream-Y.ocean1 小时前
鸿蒙PC平台星图遥感适配实战:基于 Electron 壳方案的纯 JavaScript 遥感图像处理引擎开发
javascript·electron·harmonyos
神仙别闹2 小时前
基于Python实现英词语自动对齐系统
开发语言·python
螺丝钉tina2 小时前
[Playwright ][16]Playwright + TypeScript API 自动化测试实战:API测试
前端·javascript·typescript
akinggw2 小时前
libagentcore - 一个基于c++的AI多agent系统升级到2.0版本
开发语言·jvm·c++
老歌老听老掉牙2 小时前
圆柱端面四平面交线及其在yoz面投影的几何解析与 Python 实现
开发语言·python·平面