Node.js入门：前后端模块的异同
浏览数：24 /
时间：2015年06月09日
通常有一些模块可以同时适用于前后端，但是在浏览器端通过script标签的载入JavaScript文件的方式与Node.js不同。Node.js在载入到最终的执行中，进行了包装，使得每个文件中的变量天然的形成在一个闭包之中，不会污染全局变量。而浏览器端则通常是裸露的JavaScript代码片段。所以为了解决前后端一致性的问题，类库开发者需要将类库代码包装在一个闭包内。以下代码片段抽取自著名类库underscore的定义方式。
1 (function () { 2 // Establish the root object, `window` in the browser, or `global` on the server. 3 var root = this; 4 var _ = function (obj) { 5 return new wrapper(obj); 6 }; 7 if (typeof exports !== ‘undefined‘) { 8 if (typeof module !== ‘undefined‘ && module.exports) { 9 exports = module.exports = _; 10 } 11 exports._ = _; 12 } 13 else if (typeof define === ‘function‘ && define.amd) { 14 // Register as a named module with AMD. 15 define(‘underscore‘, function () { 16 return _; 17 }); 18 } 19 else { 20 root[‘_‘] = _; 21 } 22 }).call(this);
首先，它通过function定义构建了一个闭包，将this作为上下文对象直接call调用，以避免内部变量污染到全局作用域。续而通过判断exports是否存在来决定将局部变量_绑定给exports，并且根据define变量是否存在，作为处理在实现了AMD规范环境下的使用案例。仅只当处于浏览器的 环境中的时候，this指向的是全局对象（window对象），才将_变量赋在全局对象上，作为一个全局对象的方法导出，以供外部调用。
所以在设计前后端通用的JavaScript类库时，都有着以下类似的判断：
if (typeof exports !== "undefined") { exports.EventProxy = EventProxy; } else { this.EventProxy = EventProxy; }
即，如果exports对象存在，则将局部变量挂载在exports对象上，如果不存在，则挂载在全局对象上。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
