现在的位置: 首页 > 综合 > 正文

JS工厂模式

2013年03月02日 ⁄ 综合 ⁄ 共 662字 ⁄ 字号 评论关闭
var page = page || {};
page.dom = page.dom || {};
//子函数1:处理文本
page.dom.Text = function () {
    this.insert = function (where) {
        var txt = document.createTextNode(this.url);
        where.appendChild(txt);
    };
};

//子函数2:处理链接
page.dom.Link = function () {
    this.insert = function (where) {
        var link = document.createElement('a');
        link.href = this.url;
        link.appendChild(document.createTextNode(this.url));
        where.appendChild(link);
    };
};

//子函数3:处理图片
page.dom.Image = function () {
    this.insert = function (where) {
        var im = document.createElement('img');
        im.src = this.url;
        where.appendChild(im);
    };
};

工厂方法接口

page.dom.factory = function (type) {
    return new page.dom[type];
}

调用方式

var o = page.dom.factory('Link');
o.url = 'http://www.csdn.com';
o.insert(document.body);

抱歉!评论已关闭.