JavaScript设计模式之-----工厂模式

// 简单工厂模式 由一个工厂对象决定创建某一种产品对象的实例。主要用来创建同一类对象
// 简单工厂模式的理念 就是创建对象 或创建 相似对象
// 篮球类的基类
var Baseketball = function () {
    this.intro = '篮球盛行于美国';
};
Baseketball.prototype = {
    getMenber: function () {
        console.log('每个队伍需要5名队员')
    },
    getBallSize: function () {
        console.log('篮球很大')
    }
};
// 足球类的基类
var Football = function () {
    this.intro = '足球在世界各地都很流行';
};
Football.prototype = {
    getMenber: function () {
        console.log('每个队伍需要11名队员')
    },
    getBallSize: function () {
        console.log('足球很大')
    }
};
// 网球类的基类
var Tennis = function () {
    this.intro = '每年有很多网球比赛';
};
Tennis.prototype = {
    getMenber: function () {
        console.log('每个队伍需要2名队员')
    },
    getBallSize: function () {
        console.log('网球很小')
    }
};

// 运动工厂
var SportsFactory = function (name) {
    switch (name) {
        case 'NBA':
            return new Baseketball();
        case 'wordCup':
            return new Football();
        case 'FrenchOpen':
            return new Tennis();
    }
};
var footnall = SportsFactory('NBA');
console.log(footnall.intro);




function createBook(name, time, type) {
    var o = new Object();
    o.name = name;
    o.time = time;
    o.type = type;
    o.getName = function () {
        console.log(this.name)
    };
    return o;
}
var book1 = createBook('js book', 2014, 'js');
var book2 = createBook('css book', 2014, 'css');
book1.getName();
book2.getName();




// 广告展示demo
var Java = function (content) {
    // 将内容保存在content里面以备日后使用
    this.content = content;
    // 创建对象时，通过闭包，直接执行，将内容按照需求的样式直接插入到页面
    (function (content) {
        var div = document.createElement('div');
        div.innerHTML = content;
        div.style.color = 'green';
        document.getElementById('container').appendChild(div);
    })(content);
};

// 创建php 学科类
var Php = function (content) {
    // 将内容保存在content里面以备日后使用
    this.content = content;
    // 创建对象时，通过闭包，直接执行，将内容按照需求的样式直接插入到页面
    (function (content) {
        var div = document.createElement('div');
        div.innerHTML = content;
        div.style.color = 'yellow';
        document.getElementById('container').appendChild(div);
    })(content);
};

// 学科工厂类
function JobFactory(type, content) {
    switch (type) {
        case 'java':
            return new Java(content);
        case 'php':
            return new Php(content);
    }
}

JobFactory('java', 'java学习哪里好');


/*
 * 安全模式类
 * 防止类实例化的时候 没有使用new 造成的错误
 * */
var Demo = function () {
    if (!(this instanceof Demo)) {
        return new Demo();
    }
};

Demo.prototype = {
    show: function () {
        console.log('show')
    }
};

var d = new Demo();
var d = Demo();
d.show();


/*
 *  ★★★★★ 安全的工厂方法 ★★★★★  简单工厂模式应用太局限
 *  通过工厂方法模式 我们可以轻松创建多个类的实例对象，这样工厂方法对象在创建对象的方式也避免使用者与对象类之间的耦合，用户不必关系创建对象的具体类，只需要调用工厂方法即可
 * */

// 安全模式创建的工厂类
var Factory = function (type, content) {
    if (this instanceof Factory) {
        return new this[type](content);
    } else {
        return new Factory(type, content);
    }
};

// 工厂模型中设置创建所有类型数据对象的基类
Factory.prototype = {
    Java: function (content) {
        console.log(content)
    },
    JavaScript: function (content) {
        console.log(content)
    },
    Php: function (content) {
        console.log(content)
    }
};
var data = [
    {type: 'Java', content: 'Java哪家强'},
    {type: 'JavaScript', content: 'JavaScript哪家强'},
    {type: 'Php', content: 'Php哪家强'}
];
for (var i = 0, len = data.length; i < len; i++) {
    Factory(data[i].type, data[i].content)
}