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
相关推荐
踩着两条虫1 分钟前
VTJ.PRO AI + 低代码实战:接入高德地图
前端·vue.js·ai编程
绝世唐门三哥2 分钟前
React性能优化:memo、useMemo和useCallback全解析
前端·react.js·memo
咬_咬3 分钟前
go语言学习(数组与切片)
开发语言·学习·golang·数组·切片
兔子零10244 分钟前
Claude Code 都把宠物养进终端了,我做了一个真正能长期玩的中文宠物游戏
前端·游戏·游戏开发
xiaotao1315 分钟前
Vite 与 Webpack 开发/打包时环境变量对比
前端·vue.js·webpack
小陈工6 分钟前
Python Web开发入门(十八):跨域问题解决方案——从“为什么我的请求被拦了“到“我让浏览器乖乖听话“
开发语言·python·机器学习·架构·数据挖掘·回归·状态模式
m0_497214156 分钟前
Qt事件系统
开发语言·qt
AI科技星6 分钟前
全维度相对论推导、光速螺旋时空与北斗 GEO 钟差的统一理论
开发语言·线性代数·算法·机器学习·数学建模
摆烂工程师9 分钟前
教你如何查询 Codex 最新额度是多少,以及 ChatGPT Pro、Plus、Business 最新额度变化
前端·后端·ai编程
赵优秀一一11 分钟前
Python 工程化基础1:环境(conda)、pip、requirements.txt
linux·开发语言·python