javascript设计模式----命令模式

kitt15

已于 2024-04-16 18:32:59 修改

阅读量101

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript设计模式文章标签： javascript 设计模式命令模式

于 2024-04-16 18:32:44 首次发布

本文链接：https://blog.youkuaiyun.com/qq_29729735/article/details/86673722

javascript设计模式专栏收录该内容

14 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

命令模式将请求与实现分离，封装成独立的对象，降低客户端与执行者间的耦合。通过命令对象，发起者无需了解执行者的具体接口和实现，使得系统更易扩展。虽然会增加系统复杂度，但提供了统一的操作接口，简化了使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

命令模式：将请求与实现解耦并封装成独立对象，从而使不同的请求对客户端的实现参数化。

var viewCommand = (function(){
	var tpl = {
		product : [
			'<div>',
				'<img src="{#src#}" />',
				'<p>{#img#}</p>',
			'<div/>'
		].join(''),
		title : [
		].join(''),
		

	},
	html = '';
	var formateString(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 += formateString(tpl[view], data[i]);
				}
			}else{
				html += formateString(tpl[view], data);
			}
		},
		display : function(container, data, view){
			if(data){
				this.create(data, view);
			}
			document.getElementById(container).innerHTML = html;
			html = '';