《JavaScript 模式》读书笔记（5）— 对象创建模式1

            //
             5个全局变量
            
//
             警告：反模式
            
//
             构造函数
            function
             Parent() {}

            function
             Child() {}


            //
             一个变量
            var some_var = 1;

// 一些对象var module1 = {};
module1.data = {a:1,b:2};
var module2 = {};

// 可以通过为应用程序创建一个全局对象这种方式来重构上面这种类型的代码：
// 之后：1个全局变量
// 全局变量var MYAPP = {};

// 构造函数
MYAPP.Parent = function () {};
MYAPP.Child = function () {};

// 一个变量
MYAPP.some_var = 1;

// 一个对象容器
MYAPP.modules = {};

// 嵌套对象
MYAPP.modules.module1 = {};
MYAPP.modules.module1.data = {a:1,b:2};
MYAPP.modules.module2 = {};

            //
             不安全的代码
            var MYAPP = {};
// 更好的代码风格if(typeof MYAPP === ‘undefined‘) {
    var MYAPP = {};
}
// 或者用更短的语句var MYAPP = MYAPP || {};

            //
             使用命名空间函数
MYAPP.namespace(‘MYAPP.modules.module2‘);

// 相当于以下代码var MYAPP = {
    modules:{
        module2:{}
    }
};

            var MYAPP = MYAPP || {};

MYAPP.namespace = function (ns_string) {
    var parts = ns_string.split(‘.‘),
        parent = MYAPP,
        i;

    // 剥离最前面的冗余全局变量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;
}
// 本实现使下列所有这些用法都能正常运行：
// 将返回值赋给一个全局变量var module2 = MYAPP.namespace(‘MYAPP.modules.module2‘);
console.log(module2 === MYAPP.modules.module2);

// 忽略最前面的‘MYAPP’
console.log(MYAPP.namespace(‘modules.module51‘));

// 长命名空间
console.log(MYAPP.namespace(‘once.upon.a.time.there.was.this.long.short.nested.property‘));

            var myFunction = function () {
    // 依赖var event = YAHOO.util.Event,
        dom = YAHOO.util.Dom;
    
    // 使用事件和DOM变量// 其他逻辑
};