码迷,mamicode.com
首页 > 其他好文 > 详细

编程模式

时间:2015-02-12 12:06:28      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:

命名空间

为了减少命名冲突,最好的办法是定义一个全局变量,并将其他变量和方法定义为该变量的属性。

var MYAPP = MYAPP || {};

MYAPP.event = {
    addListener:function(el,type,fn){
        // .. do the thing 
    }
    removeListener:function(el,type,fn){
        // ...
    }
    // ... other methods or properties
};

我们也可以在命名空间中使用构造函数,一般使用大写开头表示构造函数:

MYAPP.dom = {}
//创建元素节点
MYAPP.dom.Element = function(type, prop){
    var tmp = document.createElement(type);
    for(var i in prop){
        tmp.setAttribute(i,prop[i]);
    }
    return tmp;
}
//创建文本节点
MYAPP.dom.Text = function(txt){
    return document.createTextNode(txt);
}

下面使用构造函数来创建一个链接:

//Element对象
var el1 = new MYAPP.dom.Element(‘a‘,{href:‘http://phpied.com‘});
//Text对象
var el2 = new MYAPP.dom.Text(‘click me‘);

el1.appendChild(el2);
document.body.appendChild(el1);

 

编程模式

标签:

原文地址:http://www.cnblogs.com/zhongxinWang/p/4287666.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!