JavaScript（簡稱JS）是一門高級的、解釋型的、腳本語言，廣泛用于Web開發和其他客戶端應用程序。JavaScript 是一種基于對象（Object-based）的腳本語言，腳本（Script）是一種輕量級的編程語言，被通常用于Web開發中客戶端的交互，如表單驗證、動態樣式、DOM操作等等。而Javascript 模式則提供了解決的方案和最佳實踐，可以幫助開發人員編寫更好、更干凈、更清晰的代碼。

設計模式是一種用于解決問題的可靠方案，是面向對象編程中的核心思維，可以提高代碼的可維護性、可讀性、可擴展性。下面就是幾種常見的設計模式：

// 單例模式
var Singleton = (function () {
var instance;
function createInstance() {
var object = new Object("Singleton Object");
return object;
}
return {
getInstance: function () {
if (!instance) {
instance = createInstance();
}
return instance;
},
};
})();
// 工廠模式
function Car(make, model, year) {
this.make = make;
this.model = model;
this.year = year;
}
function CarFactory() {
this.createCar = function (make, model, year) {
return new Car(make, model, year);
};
}
// 觀察者模式
class Observable {
constructor() {
this.observers = [];
}
subscribe(f) {
this.observers.push(f);
}
unsubscribe(f) {
this.observers = this.observers.filter(subscriber =>subscriber !== f);
}
notify(data) {
this.observers.forEach(observer =>observer(data));
}
}
const input = document.querySelector('#input');
const p1 = document.querySelector('#p1');
const p2 = document.querySelector('#p2');
const logValue = val =>console.log(`Input changed to ${val}`);
const observable = new Observable();
observable.subscribe(logValue);
input.addEventListener('input', e =>{
observable.notify(e.target.value);
});

JavaScript 模式已經廣泛應用于各種領域中，下面是一些比較常見的場景：

1. 管道模式：將一個復雜的任務分成多個小的任務進行。比如數據處理、邏輯處理、展示處理等，每個小任務都可以獨立進行，同時也可以讓代碼更利于維護和修改。

// 管道模式
function multiply(a, b) {
return a * b;
}
function add(a, b) {
return a + b;
}
function square(a) {
return a * a;
}
function calculate(num1, num2) {
const multiplied = multiply(num1, num2);
const added = add(multiplied, 1);
const squared = square(added);
return squared;
}
calculate(2, 3);

2. 職責鏈模式：一種將請求發送給多個對象處理的方式，直到一個處理器對象能夠處理它，并返回一個響應。使用職責鏈模式可以降低與客戶端的耦合，并使代碼更容易維護和擴展。

// 職責鏈模式
class Level {
constructor(level) {
this.level = level;
}
setNext(next) {
this.next = next;
}
message(msg, level) {
if (this.level<= level) {
this.write(msg);
}
if (this.next) {
this.next.message(msg, level);
}
}
write(msg) {
console.log(msg);
}
}
const level1 = new Level(1);
const level2 = new Level(2);
const level3 = new Level(3);
level1.setNext(level2);
level2.setNext(level3);
level1.message('Hello World', 2);

3. 模板方法模式：一個模板方法定義了一個算法的框架，并允許子類為一個或多個步驟提供實現。使用模板方法可以使代碼更容易維護和擴展。

// 模板方法模式
class TemplateMethod {
templateMethod() {
this.templateStep1();
this.templateStep2();
}
templateStep1() {
console.log('Template Step 1');
}
templateStep2() {
console.log('Template Step 2');
}
}
class ExtendedTemplateMethod extends TemplateMethod {
templateStep2() {
super.templateStep2();
console.log('Extended Template Step 2');
}
}
const templateMethod = new ExtendedTemplateMethod()
templateMethod.templateMethod()

總結：JavaScript 模式在代碼編程中是非常重要的，可以提高代碼的質量和可維護性，常見的設計模式有單例模式、工廠模式、觀察者模式等，常見的設計場景有管道模式、職責鏈模式、模板方法模式等。在實際開發過程中，我們可以根據具體的業務需求選擇合適的模式來完成相應的任務，提高開發效率和代碼質量。