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
相关推荐
Sayai12 分钟前
Neo4j 内嵌模式(Embedded)实战:Java 嵌入式 vs 服务端部署的写入性能对比与 GC 调优
java·开发语言·性能优化·neo4j·图数据库
lyz24685917 分钟前
vue3页面因参数未声明而报错的常犯错误
前端·javascript·vue.js
摸爬滚打的小李20 分钟前
流程图同步AI生成
前端
Hilaku31 分钟前
我重写了整个项目,但没人感谢我!
前端·javascript·程序员
“AI国潮设计-小江”1 小时前
【SDXL实战】用AI生成“财神爷蛋糕×英歌舞人物”潮汕国潮甜品IP,附Prompt与批量生成思路
开发语言·人工智能·python·aigc
繁华的地方不一定留下你的脚印1 小时前
C++线程如何安全停止与唤醒:std::jthread、stop_token与condition_variable
开发语言·c++
caoerzhong1 小时前
跨境海外仓怎么管:JeeWMS 开源 Java 仓库管理系统打通头程、海外仓与尾程
java·开发语言·开源
码云数智-大飞1 小时前
新手写 Python 代码,如何规范命名、减少 Bug
开发语言·python·php
zach1 小时前
Vue/React SPA 打包部署后,子路由刷新 401 未登录问题彻底解决
前端·nginx·next.js
旋生万物1 小时前
素数螺旋映射 $z_n=n^{1+i}$ 的角分布统计检验与零模型对比
大数据·前端·人工智能·算法·云原生·螺旋生成论·螺旋相位