JavaScript 模式 - Facade 和对象字面量模式的区别

Question

我想知道这两种模式之间有什么区别。

我可能错了，但他们似乎在使用相同的结构来为更大的代码体实现更高级别的接口(interface)。

门面模式:

var mobileEvent = {
  // ...
  stop: function (e) {
    e.preventDefault();
    e.stopPropagation();
  }
  // ...
};

对象文字:

var myObject = {
    property1:"something",
    property2:"something else",
    method1:function(){
        console.log('hello world');
    }
};

如果它们真的有不同的用途，我应该在什么时候使用它们？

Answer 1

只是它们使用相同的语法这一事实并不意味着它们具有相同的目的。许多设计模式具有完全相同的实现，但根据上下文具有不同的含义。

Facade 封装一个或多个对象并为客户端提供更简单的 API，隐藏晦涩难懂的地方并使其更难出错。在您的示例中，mobileEvent.stop() 函数封装了两个 JavaScript 调用，它们必须结合在一起才能实现某些更高级别的行为。

Object literal 实际上并不是一种模式，它只是一种在 JavaScript 中定义一次性对象的方法。如您所见，它可用于实现Facade 模式和许多其他模式。