JS工厂模式

Posted JackAfan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS工厂模式相关的知识,希望对你有一定的参考价值。

JS工厂模式

{
    let zhangsan = {
        name:"张三",
        age:20,
        hobby(){
            console.log("喜欢篮球");
        }
    }

    let lisi = {
        name:"李四",
        age:21,
        hobby(){
            console.log("喜欢足球");
        }
    }
}

{
    // 使用函数封装:工厂模式 -> 提高代码的复用性
    function Person(name,age,hobby){
        let obj = {};
        obj.name = name;
        obj.age = age;
        obj.hobby = function(){
            console.log(hobby)
        };
        return obj;
    }
    let zhangsan = Person("张三",20,"喜欢篮球");
    let lisi = Person("李四",21,"喜欢足球");
    console.log(zhangsan);
    console.log(lisi);
}

{
    // 为什么叫工厂模式?
    function Person(name,age,hobby){
        let obj = {};//添加原料
        // 加工原料
        obj.name = name;
        obj.age = age;
        obj.hobby = function(){
            console.log(hobby)
        };
        return obj;//出厂
    }
}

 

以上是关于JS工厂模式的主要内容,如果未能解决你的问题,请参考以下文章

js 工厂模式简单模式抽象模式

关于js的设计模式(简单工厂模式,构造函数模式,原型模式,混合模式,动态模式)

js设计模式---工厂模式

详解JS设计模式

JS设计模式温习简单工厂模式工厂方法模式抽象工厂模式概念

3 种工厂模式详解(JS)