模式1:命名空间(namespace)
名空间可以减少全局命名所需的数量,避免命名冲突或过度。一般我们在进行对象层级定义的时候,经常是这样的:
var app = app || {}; app.moduleA = app.moduleA || {}; app.moduleA.subModule = app.moduleA.subModule || {}; app.moduleA.subModule.MethodA = function () { console.log("print A"); }; app.moduleA.subModule.MethodB = function () { console.log("print B"); };
如果层级很多的话,那就要一直这样继续下去,很是混乱。namespace模式就是为了解决这个问题而存在的,我们看代码:
// 不安全,可能会覆盖已有的MYAPP对象 var MYAPP = {}; // 还好 if (typeof MYAPP === "undefined") { var MYAPP = {}; } // 更简洁的方式 var MYAPP = MYAPP || {}; //定义通用方法 MYAPP.namespace = function (ns_string) { var parts = ns_string.split('.'), parent = MYAPP, i; // 默认如果第一个节点是MYAPP的话,就忽略掉,比如MYAPP.ModuleA if (parts[0] === "MYAPP") { parts = parts.slice(1); } for (i = 0; i < parts.length; i += 1) { // 如果属性不存在,就创建 if (typeof parent[parts[i]] === "undefined") { parent[parts[i]] = {}; } parent = parent[parts[i]]; } return parent; };
模式2:定义依赖
有时候你的一个模块或者函数可能要引用第三方的一些模块或者工具,这时候最好将这些依赖模块在刚开始的时候就定义好,以便以后可以很方便地替换掉。
var myFunction = function () { // 依赖模块 var event = YAHOO.util.Event, dom = YAHOO.util.dom; // 其它函数后面的代码里使用局部变量event和dom };
模式3:私有属性和私有方法
JavaScript本书不提供特定的语法来支持私有属性和私有方法,但是我们可以通过闭包来实现,代码如下:
function Gadget() { // 私有对象 var name = 'iPod'; // 公有函数 this.getName = function () { return name; }; } var toy = new Gadget(); // name未定义,是私有的 console.log(toy.name); // undefined // 公有方法访问name console.log(toy.getName()); // "iPod" var myobj; // 通过自执行函数给myobj赋值 (function () { // 自由对象 var name = "my, oh my"; // 实现了公有部分,所以没有var myobj = { // 授权方法 getName: function () { return name; } }; } ());