兼容AMD,nodejs/commonjs规范的模块定义
2012-08-21 13:43
405 查看
从knockoutjs源码中读到了一个很好的能兼容AMD,commonjs规范的模块定义。看代码
非常巧妙的闭包实现了。三种方式的兼容。摘出来mark一下。
//闭包执行一个立即定义的匿名函数 !function(factory) { //factory是一个函数,下面的koExports就是他的参数 // Support three module loading scenarios if (typeof require === 'function' && typeof exports === 'object' && typeof module === 'object') { // [1] CommonJS/Node.js // [1] 支持在module.exports.abc,或者直接exports.abc var target = module['exports'] || exports; // module.exports is for Node.js factory(target); } else if (typeof define === 'function' && define['amd']) { // [2] AMD anonymous module // [2] AMD 规范 //define(['exports'],function(exports){ // exports.abc = function(){} //}); define(['exports'], factory); } else { // [3] No module loader (plain <script> tag) - put directly in global namespace factory(window['ko'] = {}); } }(function(koExports){ //ko的全局定义 koExports是undefined 对应着上面的[3] 这种情况 var ko = typeof koExports !== 'undefined' ? koExports : {}; //定义一个ko的方法 ko.abc = function(s){ alert(s); } }); //[3]中情况的调用 ko.abc("msg");
非常巧妙的闭包实现了。三种方式的兼容。摘出来mark一下。
相关文章推荐
- Echarts异步模块定义(AMD规范)——require.js
- 浅析JS模块规范(CommonJS/AMD/CMD)
- 兼容多种模块规范(AMD,CMD,Node)的代码
- 研究一下javascript的模块规范(CommonJs/AMD/CMD)
- Simplified CommonJS wrapper 与 AMD 标准定义模块差异
- 浅析JS模块规范:AMD和CMD
- 关于 CommonJS AMD CMD UMD 规范的差异总结
- AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
- 从零学习node.js之模块规范(一)
- Sea.js学习3——Sea.js的CMD 模块定义规范
- 浅析JS中的模块规范(CommonJS,AMD,CMD)
- 深入浅出Node.js之CommonJS的模块规范
- 关于 CommonJS AMD CMD UMD 规范的差异总结(转)
- Node.js模块定义
- AMD模块定义规范
- js模块定义——支持CMD&AMD&直接加载
- AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
- js-JavaScript规范:CommonJS/AMD/CMD
- 使用require加载非AMD规范的js文件,并在模块中使用。
- 浅析JS中的模块规范(CommonJS,AMD,CMD)