/*** CommonJS 模塊化規(guī)范* CommonJS規(guī)范加載模塊是同步的，也就是說(shuō)，只有加載完成，才能執(zhí)行后面的操作*//*-------Node.js遵循Commonjs規(guī)范---------*///寫法1.var exports=module.exports;exports.name="leyi";exports.fn=function(){return 'hello world!'};//寫法2.module.exports={"name":'leyi',"fn":function(){return 'hello world!'}};//寫法3.module.exports=function(){this.name='leyi';this.fn=function(){return 'hello world!'}};/*** AMD 模塊化規(guī)范 -推崇依賴前置* AMD規(guī)范則是非同步加載模塊，允許指定回調(diào)函數(shù)。由于Node.js主要用于服務(wù)器編程，模塊文件一般都已經(jīng)存在于本地硬盤，* 所以加載起來(lái)比較快，不用考慮非同步加載的方式，所以CommonJS規(guī)范比較適用。* 但是，如果是瀏覽器環(huán)境，要從服務(wù)器端加載模塊，這時(shí)就必須采用非同步模式，因此瀏覽器端一般采用AMD規(guī)范。*//*-------require.js遵循的AMD規(guī)范---------*///依賴一開(kāi)始寫好，默認(rèn)推薦寫法如下define(['./aaa', './bbb'], function(a, b) {a.xxx();b.xxx();});//AMD規(guī)范也支持Commonjs規(guī)范的寫法,跟下面的CMD寫法一樣,define寫成這樣define(function(require,exports,module){//...});/*** CMD 模塊化規(guī)范 -推崇依賴就近* 代碼在運(yùn)行時(shí)，首先是不知道依賴的，需要遍歷所有的require關(guān)鍵字，找出后面的依賴。* 具體做法是將function toString后，用正則匹配出require關(guān)鍵字后面的依賴。*//*-------sea.js遵循的CMD規(guī)范---------*/define(function(require,exports,module){var aaa=require('./aaa');aaa.xxx();var bbb=require('./bbb');bbb.xxx();exports.fn=function(){aaa.xxx();}});/*兼容多種模塊規(guī)范的寫法*/!(function(moduleName,fn){//上下文為amd或cmd環(huán)境if(typeof define === 'function'){define(fn);//上下文為commonjs環(huán)境}else if('undefined' !== typeof module && !!module && !!module.exports){module.exports=fn();}else{//掛載到全局作用域上this[moduleName]=fn();}}('moduleName',function(){var obj={"name":"leyi"}return obj;}));

轉(zhuǎn)載于:https://www.cnblogs.com/leyi/p/6534647.html

總結(jié)

以上是生活随笔為你收集整理的CommonJs、AMD、CMD模块化规范的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。