美文网首页
微动分享:JS构造函数与工厂函数

微动分享:JS构造函数与工厂函数

作者: 怕痛的蛹 | 来源:发表于2017-07-17 22:35 被阅读0次

    分享者:赵伟

    今天分享的有点偏底层原理了,先来感受一下吧!

    ?什么东东

    这是地图吧,这么多弯弯绕。

    是的,这就是一张地图,它告诉我们JS的世界是如何规划的!

    我看这个上面好多的 function,那是什么呢,一定很重要吧!

    那是函数!

    想像一下,我们生活中的银行、卖场、餐馆等...

    我要吃饭,去餐馆

    我要取钱,去银行

    我要购物,去卖场

    发现什么规律了没?

    我们做不同的事情,就需要去不同的场所。

    这跟function有什么关系呢?

    function就相当于餐馆、银行、卖场,每个函数都有自己职能,不能乱用!

    恩,有点明白了!

    那我们继续,说说构造函数。

    构造?看明面意思好像是要创建什么是的。

    你去餐馆吃饭,要有一个服务员为你服务吧,那同样的你使用函数也要找一个服务员啊。

    构造函数就是为你提供一个服务员。

    //构造函数:餐馆
    function Person(name,age){
           this.name = name;
           this.age  = age;
    }
    //提供一个服务员
    var p1=new Person('服务员',21);
    

    一个餐馆的服务员衣服都一样,都是白色的!

    //工厂函数:创建的对象都一样
    function createPerson(name,age) {
       return {
         name: name,
         age: age,
         color: 'white'  //都穿着白色的衣服
       };
     }
    
    //提供多个服务员
    var p1 = createPerson('服务员1',20);
    var p2 = createPerson('服务员2',21);
    var p3 = createPerson('服务员3',20);
    
    

    函数,如果你要专门做一类事情,你需要一个函数

    构造函数,创建一个对象(服务员)为你提供具体服务

    工厂函数,创建多个对象(看上去一样的)为你(你们)提供具体服务

    火爆啊

    相关文章

      网友评论

          本文标题:微动分享:JS构造函数与工厂函数

          本文链接:https://www.haomeiwen.com/subject/jjgqkxtx.html