JavaScript外观模式：简化接口与封装实现

外观模式概述

外观模式（Facade Pattern），也被称为门面模式，是一种结构相对简单但应用广泛的设计模式。其核心作用是为复杂的子系统提供一个统一的高层接口，从而简化客户端与子系统之间的交互过程。

为了直观理解，我们可以通过一段简洁的代码示例来说明其基本用法。

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();
}