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

轉載于:https://www.cnblogs.com/leyi/p/6534647.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。