码迷,mamicode.com
首页 > Web开发 > 详细

JS工厂模式

时间:2020-02-24 09:30:09      阅读:74      评论:0      收藏:0      [点我收藏+]

标签:函数   工厂模式   模式   person   nbsp   console   提高   使用   div   

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工厂模式

标签:函数   工厂模式   模式   person   nbsp   console   提高   使用   div   

原文地址:https://www.cnblogs.com/Afanadmin/p/12355406.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!