JavaScript设计模式之外观模式实例

标签:游戏玩法    日期:2017-12-22 10:39    录入:汇盛国际平台    浏览:

  

[JavaScript,设计模式,外观模式]JavaScript设计模式之外观模式实例

  

外观模式(门面模式),是一种相对简单而又无处不在的模式。外观模式提供一个高层接口,这个接口使得客户端或子系统更加方便调用。

  

  

用一段再简单不过的代码来表示:  

  

代码如下:

  
  var getName = function(){  
  return ”svenzeng”  
  }  
  var getSex = function(){  
  return ‘man'  
  }
  

  

如果你需要分别调用getName和getSex函数. 那可以用一个更高层的接口getUserInfo来调用.

  

  

代码如下:

  
  var getUserInfo = function(){  
  var info = a() + b();  
  return info;  
  }
  

  

答案是显而易见的,饭堂的炒菜师傅不会因为你预定了一份烧鸭和一份白菜就把这两样菜炒在一个锅里。他更愿意给你提供一个烧鸭饭套餐。同样在程序设计中,我们需要保证函数或者对象尽可能的处在一个合理粒度,毕竟不是每个人喜欢吃烧鸭的同时又刚好喜欢吃白菜。

  

  

外观模式还有一个好处是可以对用户隐藏真正的实现细节,用户只关心最高层的接口。比如在烧鸭饭套餐的故事中,你并不关心师傅是先做烧鸭还是先炒白菜,你也不关心那只鸭子是在哪里成长的。

  

  

最后写个我们都用过的外观模式例子:  

  

代码如下:

  
  var stopEvent = function( e ){ //同时阻止事件默认行为和冒泡  
  e.stopPropagation();  
  e.preventDefault();  
  }
  

★★★小编:汇盛国际注册 整理文章,欢迎大家转载 ★★★
上一篇:汇盛国际官网:浅析JavaScript中var that=this
下一篇:jQuery异步获取json数据方法汇总
相关文章阅读
点击右上角的分享按钮即可收藏汇盛国际平台注册 随时随地与好友一起分享精彩内容噢
最近更新
热门排行