标签：function return show javascript alert 工厂 var 设计模式 type

一、如果同一类型的类太多，可以封装在一个函数里面

//定义一个弹出框
var LoginAlert = function() {

};
LoginAlert.prototype.show = function() {
    return "我是简单alert提示语句";
};

//定义一个确认框
var LoginConfirm = function(text) {

};
LoginConfirm.prototype.show = function() {
    return "我是简单的confirm提示语句";
};

//简单的工厂
var PropFactory = function(type) {
    switch (type) {
        case "alert":
            return new LoginAlert();
            break;
        case "confirm":
            return new LoginConfirm();
            break;
    }
};

//使用
console.log(PropFactory("alert").show())

二、上面弹出框与确认框有很多相似的地方，现在我们提取出来

var createProp = function(type, content) {
        var o = new Object();
        o.content = content;
        o.show = function() {
            return content;
        }
        if (type == "alert") {
            //关于alert类型的
        }
        if (type == "confirm") {
            //关于confirm类型的
        }
        return o;
    }
    console.log(createProp("alert", "用户名长度过多").show());

标签：function,return,show,javascript,alert,工厂,var,设计模式,type
来源： https://blog.51cto.com/u_3409716/2904262

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。