《javascript设计模式与开发实践_js的设计模式》

解决方案简述

在JavaScript开发中，面对复杂多变的业务逻辑和代码复用性、可维护性等挑战时，设计模式提供了一套成熟的解决方案。通过学习和应用设计模式，我们可以编写出结构更清晰、更具弹性的代码。例如，在构建大型Web应用时，单例模式确保一个类只有一个实例，工厂模式可以创建不同类型的对象而不暴露创建逻辑等。

解决创建对象的问题

工厂模式

当需要创建不同类型但具有相似属性的对象时，工厂模式非常有用。以下是简单的工厂模式代码实现：

javascript
function createPerson(type) {
    let person;
    if (type === 'student') {
        person = new Student();
    } else if (type === 'teacher') {
        person = new Teacher();
    }
    return person;
}</p>

<p>class Student {
    constructor() {
        this.role = 'student';
    }
    study() {
        console.log('studying');
    }
}</p>

<p>class Teacher {
    constructor() {
        this.role = 'teacher';
    }
    teach() {
        console.log('teaching');
    }
}</p>

<p>// 使用
let stu = createPerson('student');
stu.study(); // studying

构造函数模式

如果不需要根据类型选择创建对象，直接使用构造函数也很方便。

``javascript
function Person(name, age) {
this.name = name;
this.age = age;
this.sayHello = function() {
console.log(hello, my name is ${this.name}`);
}
}

let p = new Person('Alice', 20);
p.sayHello(); // hello, my name is Alice
```

解决对象共享的问题

单例模式

对于一些只需要一个实例的对象，如配置管理器等，单例模式能保证全局只有一个实例存在。

javascript
class ConfigManager {
    constructor() {
        if (!ConfigManager.instance) {
            this.configs = {};
            ConfigManager.instance = this;
        }
        return ConfigManager.instance;
    }</p>

<pre><code>set(key, value) {
    this.configs[key] = value;
}

get(key) {
    return this.configs[key];
}

}

ConfigManager.instance = null;

let config1 = new ConfigManager();
config1.set('theme', 'dark');

let config2 = new ConfigManager();
console.log(config2.get('theme')); // dark

这些设计模式只是JavaScript众多设计模式中的冰山一角，在实际开发中可以根据具体需求灵活运用不同的设计模式来优化代码。