在JavaScript編程中，設計模式是一種常見的編程方式，它可以幫助開發人員更好地組織自己的代碼和解決問題。下面我們將整理幾種常見的JavaScript設計模式。
1. 單例模式
單例模式是指在應用程序中創建只有一個實例的類的方式。這種方法可以確保類的實例數量限制，并且有助于減少內存使用。下面是一個使用單例模式封裝的計數器類：

var Counter = (function() {
var instance = null;
function Counter() {
var count = 0;
this.getCount = function() {
return count;
}
this.incrementCount = function() {
count++;
}
}
return {
getInstance: function() {
if (!instance) {
instance = new Counter();
}
return instance;
}
}
})();
var counter1 = Counter.getInstance();
counter1.incrementCount();
console.log(counter1.getCount()); //輸出1
var counter2 = Counter.getInstance();
counter2.incrementCount();
console.log(counter2.getCount()); //輸出2
console.log(counter1 === counter2); //輸出true

在實例化Counter時，getInstance函數檢查是否已經創建過該類的實例，并且返回已經創建的實例。這種方式確保了只有一個Counter實例。
2. 工廠模式
工廠模式是指使用工廠函數創建類的方式。這種模式在需要創建多個相似但不同的對象時非常有用。下面是一個使用工廠模式創建人員類的示例：

function Person(name, age, occupation) {
this.name = name;
this.age = age;
this.occupation = occupation;
}
function createPerson(name, age, occupation) {
return new Person(name, age, occupation);
}
var person1 = createPerson('Tom', 28, 'Developer');
var person2 = createPerson('Jane', 30, 'Designer');
console.log(person1, person2);

在這個實例中，createPerson（）函數作為工廠函數創建Person對象，該函數接受三個參數，并返回一個新的Person實例。
3. 觀察者模式
觀察者模式是指當一個對象發生變化時，它將通知它所綁定的所有觀察者對象。這種模式有助于解耦應用程序中的對象并促進代碼重用。下面是一個使用觀察者模式創建購物車對象的示例：

var Product = function(name, price) {
this.name = name,
this.price = price,
this.discount = 0;
this.setDiscount = function(discount) {
this.discount = discount;
this.notify(this.price * (1 - this.discount));
}
this.observers = [];
}
Product.prototype.addObserver = function(observer) {
this.observers.push(observer);
}
Product.prototype.removeObserver = function(observer) {
var index = this.observers.indexOf(observer);
if (index > -1) {
this.observers.splice(index, 1);
}
}
Product.prototype.notify = function(price) {
for (var i = 0; i < this.observers.length; i++) {
this.observers[i].update(price);
}
}
var ShoppingCart = function() {
this.products = [];
this.addProduct = function(product) {
this.products.push(product);
product.addObserver(this);
}
}
ShoppingCart.prototype.update = function(price) {
console.log('商品價格更新：', price);
}
var product1 = new Product('電視', 3000);
var shoppingCart1 = new ShoppingCart();
shoppingCart1.addProduct(product1);
product1.setDiscount(0.1); //輸出“商品價格更新： 2700”

在這個實例中，Product對象是一個可觀察的對象，并且具有一個觀察者數組。ShoppingCart對象是一個觀察者，當一個新的產品被添加時，它會添加為Product對象的觀察者。當Product對象更改它的價格時，它會通知觀察者，并將更改的價格發送給任何觀察者。
4. 組合模式
組合模式是指將對象組合在一起以形成更大的對象樹結構。這種模式允許開發人員創建可重用的對象，并使用這些對象來創建更大的對象。下面是一個使用組合模式創建文件系統樹結構的示例：

function File(name) {
this.name = name;
}
File.prototype.add = function() {
console.log("該方法只適用于文件夾對象");
};
File.prototype.scan = function() {
console.log("掃描文件：" + this.name);
};
function Folder(name) {
this.name = name;
this.files = [];
}
Folder.prototype.add = function(file) {
this.files.push(file);
};
Folder.prototype.scan = function() {
console.log("掃描文件夾：" + this.name);
for (var i = 0; i < this.files.length; i++) {
var file = this.files[i];
file.scan();
}
};
var folder1 = new Folder('文件夾1');
var folder2 = new Folder('文件夾2');
var file1 = new File('文件1');
var file2 = new File('文件2');
var file3 = new File('文件3');
folder1.add(file1);
folder1.add(folder2);
folder2.add(file2);
folder2.add(file3);
folder1.scan();

在這個實例中，File和Folder對象都實現了一個公共的接口，add和scan。File對象只有一個簡單的scan實現，而Folder對象包含內部成員列表和遞歸實現的scan實現。
總結
上面介紹了幾種常見的JavaScript設計模式，包括單例模式、工廠模式、觀察者模式和組合模式。這些模式都有助于開發人員更好地組織和重用他們的代碼。當開發人員了解這些模式時，他們就可以在應用程序中使用適當的模式來解決問題。