JavaScript模式-外觀和對象文字模式之間的區別

Question

我想知道這兩種模式之間有什么區別。

我可能會弄錯了，但是他們似乎在使用相同的結構來實現與更大代碼段的更高級別接口。

外牆樣式：

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調用，這些調用必須在一起才能實現更高級別的行為。

對象文字並不是真正的模式，它只是在JavaScript中定義一次性對象的一種方式。 如您所見，它可用於實現Facade模式和許多其他模式。