JavaScript Patterns是指 JavaScript 代碼設(shè)計中常用的最佳實(shí)踐，它們提供了一些可重復(fù)使用的代碼塊，可以用來解決一些常見的問題，例如模塊化，單例，觀察者模式，代理模式等。本文將介紹一些重要的 JavaScript 設(shè)計模式。
第一種模式是單例模式。單例模式是指一個只有一個實(shí)例的對象。在 JavaScript 中，可以使用閉包來實(shí)現(xiàn)單例模式。例如，下面的代碼定義了一個單例類：

function Singleton () {
if ( Singleton .instance ) {
return  Singleton .instance;
}
Singleton .instance = this;
}

這個代碼塊中，如果實(shí)例已經(jīng)存在，Singleton()函數(shù)會返回已經(jīng)存在的實(shí)例，否則它將創(chuàng)建一個新的實(shí)例。
第二種模式是模塊化模式。模塊化模式是指將代碼劃分為一些小的模塊，每個模塊可以獨(dú)立地運(yùn)行。JavaScript 沒有內(nèi)置的模塊化機(jī)制，但是可以通過使用閉包來實(shí)現(xiàn)模塊化。例如，下面的代碼展示如何使用模塊化來實(shí)現(xiàn)一個簡單的計算器：

const Calculator = (function() {
const _privateMethod = function(a, b) {
return a + b;
};
return {
add: function(a, b) {
return _privateMethod(a, b);
}
}
})();
console.log(Calculator.add(1, 2));  // 輸出：3

第三種模式是觀察者模式。觀察者模式是指當(dāng)某個事件發(fā)生時，一系列的對象需要被通知并做相應(yīng)的處理。例如，下面的代碼展示了如何使用觀察者模式來實(shí)現(xiàn)事件訂閱：

function EventObserver() {
this.observers = [];
}
EventObserver.prototype = {
subscribe: function(fn) {
this.observers.push(fn);
},
unsubscribe: function(fn) {
this.observers = this.observers.filter(
function (item) {
if (item !== fn) {
return item;
}
}
);
},
fire: function() {
this.observers.forEach(function(item){
item.call();
});
}
};
const click = new EventObserver();
click.subscribe(function(){
console.log('Clicked!');
});
click.fire();

第四種模式是代理模式。代理模式是指一個對象充當(dāng)另一個對象的接口。例如，下面的代碼展示了如何使用代理模式來實(shí)現(xiàn)圖片預(yù)加載：

const proxyImage = function() {
const img = new Image();
const loader = 'loading.gif';
return {
setSrc: function(src) {
img.src = loader;
img.onload = function() {
img.src = src;
}
},
getSrc: function() {
return img.src;
}
}
};
const imageProxy = proxyImage();
imageProxy.setSrc('myImage.png');

JavaScript 設(shè)計模式提供了一些非常有用的代碼塊，可以幫助解決常見的問題，并提供重復(fù)使用的代碼。單例模式，模塊化模式，觀察者模式和代理模式只是其中的一部分。了解這些模式可以使您更好地組織代碼，提高代碼的可重用性和可維護(hù)性。