通用模块设计UMD

https://leohxj.gitbooks.io/front-end-database/content/javascript-modules/about-umd.html

UMD(universal module definition),希望提供一个前后端跨平台的解决方案(支持AMD与CommonJS模块方式)。

实现原理

UMD的实现很简单:

  1.先判断是否支持Node.js模块格式(exports是否存在),存在则使用Node.js模块格式。

  2.再判断是否支持AMD(define是否存在),存在则使用AMD方式加载模块。

  3.前两个都不存在,则将模块公开到全局(window或global)。

jQuery使用示例:  

        //if the module has no dependencies, the above pattern can be simplified to
        (function (root, factory){
            if(typeof define==='function' && define.amd){
                //AMD. Register as an anonymous module.
                define([],factory);
            }else if(typeof exports==='object'){
                //Node. Does not work with strict CommonJS, but only CommonJS-like environments taht support module.exports, like Node
                module.exports=factory();
            }else{
                //Browser globals (root is window)
                root.returnExports=factory();
            }
        }(this,function(){
            //Just return a value to define the module export.
            //This example returns an object, but the module can return a function as the exported value.
            return {};
        }))

认识AMD、CMD、UMD、CommonJS

https://www.cnblogs.com/humin/p/5389901.html

猜你喜欢

转载自www.cnblogs.com/em2464/p/10368294.html