JS设计模式：命令模式

var viewCommand = (function() {
    var tpl = {
        product : [
            '
','{#text#}
','
'
        ].join(''),title : [
            '
{#title#}','
{#tips#}
','
','' 
        ].join('')
    },html = '';
function formatString(str,obj) {
    return str.replace(/{#(w+)#}/g,function(match,key) {
        return obj[key];
    });
}

var Action = {
    create : function(data,view) {
        if (data.length) {
            for (var i = 0,len = data.length; i < len; i++) {
                html += formatString(tpl[view],data[i]);
            }
        } else {
            html += formatString(tpl[view],data);
        }
    },display : function(container,data,view) {
        this.create(data,view);
        document.getElementById(container).innerHTML = html;
        html = '';
    }
}

return function excute(msg) {
    msg.param = Object.prototype.toString.call(msg.param) === "[objet Array]" ? msg.param : [msg.param];
    Action[msg.command].apply(Action,msg.param);
}
})();

解决命令发起者，命令执行者间的耦合。（也涉及了单例模式 策略模式 职责链模式）

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!