在JavaScript中，设计模式是用于解决常见编程问题的最佳实践。这些模式可以帮助你构建更可靠、可维护和可重用的代码。下面是一些在JavaScript中常见的设计模式：
-
工厂模式（Factory Pattern） :
工厂模式是一种创建对象的设计模式，它封装了创建对象的细节，并使用一个公共接口来创建对象。
javascript复制代码|---|---------------------------------|
| |function CarFactory(type) {|
| |if (type === 'sedan') {|
| |return new Sedan();|
| |} else if (type === 'suv') {|
| |return new SUV();|
| |}|
| |// ... 其他类型|
| |}| -
单例模式（Singleton Pattern） :
单例模式确保一个类只有一个实例，并提供一个全局访问点来访问这个实例。
javascript复制代码|---|--------------------------------------------------|
| |var Singleton = (function () {|
| |var instance;|
| | |
| |function createInstance() {|
| |var object = new Object("I am the instance");|
| |return object;|
| |}|
| | |
| |return {|
| |getInstance: function () {|
| |if (!instance) {|
| |instance = createInstance();|
| |}|
| |return instance;|
| |}|
| |};|
| |})();| -
构造函数模式（Constructor Pattern） :
使用构造函数创建对象的一种模式，可以通过
new关键字来调用构造函数。javascript复制代码|---|------------------------------------------|
| |function Person(name, age) {|
| |this.name = name;|
| |this.age = age;|
| |}|
| | |
| |var person1 = new Person('Alice', 25);| -
原型模式（Prototype Pattern） :
利用JavaScript的原型链来实现对象的继承。
javascript复制代码|---|--------------------------------------------------------------------|
| |function Animal(name) {|
| |this.name = name;|
| |}|
| | |
| |Animal.prototype.speak = function() {|
| |console.log(this.name + ' makes a noise.');|
| |};|
| | |
| |function Dog(name) {|
| |Animal.call(this, name); // 继承Animal的属性|
| |}|
| | |
| |Dog.prototype = Object.create(Animal.prototype); // 继承Animal的方法|
| |Dog.prototype.constructor = Dog; // 修复constructor指向|
| | |
| |var d = new Dog('Mitzie');|
| |d.speak(); // 输出 "Mitzie makes a noise."| -
模块模式（Module Pattern） :
模块模式用于封装私有变量和函数，只暴露必要的公共接口。
javascript复制代码|---|--------------------------------------------------|
| |var myModule = (function () {|
| |var privateVar = 'I am private!';|
| | |
| |function privateFunction() {|
| |console.log(privateVar);|
| |}|
| | |
| |return {|
| |publicMethod: function() {|
| |privateFunction();|
| |}|
| |};|
| |})();|
| | |
| |myModule.publicMethod(); // 输出 "I am private!"| -
观察者模式（Observer Pattern） :
定义了对象之间的一对多依赖关系，当一个对象改变状态时，它的所有依赖者都会收到通知并自动更新。
javascript复制代码|---|--------------------------------------------------------|
| |function ObserverList() {|
| |this.observers = [];|
| |}|
| | |
| |ObserverList.prototype.add = function(obj) {|
| |this.observers.push(obj);|
| |};|
| | |
| |ObserverList.prototype.notify = function(context) {|
| |for (var i = 0; i < this.observers.length; i++) {|
| |this.observers[i].update(context);|
| |}|
| |};|
| | |
| |// ... 类似地，你可以定义Observer接口和具体观察者| -
发布-订阅模式（Publish-Subscribe Pattern） :
与观察者模式类似，但提供了更大的灵活性，允许你订阅特定类型的事件，而不是绑定到特定的对象实例。
-
混合模式（Mixin Pattern） :
混合模式用于将多个对象的属性或方法复制到另一个对象中，从而实现代码的复用。
-
策略模式（Strategy Pattern） :
策略模式定义了一系列的算法，并将每一个算法封装起来，使它们可以互相替换。策略模式使得算法可以独立于使用它的客户端变化。
-
迭代器模式（Iterator Pattern） :
迭代器模式提供一种方法来顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。
这些设计模式并不是孤立存在的，它们经常一起使用来构建复杂的、可维护的应用程序。在设计软件架构时，根据具体需求选择和使用合适的设计模式是非常重要的。