美文网首页
工厂模式、构造函数模式要点

工厂模式、构造函数模式要点

作者: chiang24 | 来源:发表于2017-07-28 03:12 被阅读45次

工厂模式:用一个函数返回一个对象。

    function createPerson(name,age,job){
      var o = new Object();
      o.name = name;
      o.age = age;
      o.job = job;
      o.sayName = function(){
        alert(this.name)
      };
      return o;
    }
    var person1 = createPerson('chiang','21','FED')

写一个create函数,在里面创造一个对象,给这个对象添加属性,然后返回这个对象。这种方式可以“批量生产”,但是不能体现是谁创造的实例。所以有了构造函数模式(New)

构造函数模式

构造函数模式就是使用new关键字

当我们通过原型减少内存的时候造成了一些问题:

  1. 创建多个对象的时候需要循环
  2. 循环导致内存问题,于是使用原型
  3. 使用了原型以后需要封装

JS之父的关怀——关键字New

New做了什么:

  1. 创造临时对象
  2. 帮你绑定原型,并规定原型名字叫prototype
  3. 帮你return
    4.new会在构造函数的prototype上加一个constructor属性,它记录了是谁创造的临时对象

总的来说new就是一个语法糖,为了简化解决工厂模式问题的代码。

相关文章

  • 对象的创建与继承

    创建对象 工厂模式 => 构造函数模式 => 原型对象模式 => 构造函数模式+原型对象模式 工厂模式 构造函数模...

  • 第六章——创建对象

    一、寄生构造函数模式、工厂模式、稳妥构造函数模式的区别与联系 寄生构造函数模式(重写了构造函数的返回值): 工厂模...

  • JS常见设计模式

    常见的一些设计模式 构造函数模式(Constructor) 工厂模式(factory) 工厂模式和构造函数模式每次...

  • 前端设计模式

    1.写出 构造函数模式、混合模式、模块模式、工厂模式、单例模式、发布订阅模式的范例。 工厂模式 模块模式 构造函数...

  • 前端面试题总结【37】:javascript对象的几种创建方式

    工厂模式 构造函数模式 原型模式 混合构造函数和原型模式 动态原型模式 寄生构造函数模式 稳妥构造函数模式 推荐:...

  • js总结(1)

    1.对象创建方式:直接量,工厂模式,构造函数模式 2.构造函数模式和工厂模式的区别:构造函数名首字母大写,与工厂模...

  • 前端设计模式

    1.写出 构造函数模式、混合模式、模块模式、工厂模式、单例模式、发布订阅模式的范例。 构造函数模式 构造函数模式是...

  • 创建对象方法

    (1)工厂模式 (2)构造函数模式 (3)原型模式 (4)组合使用构造函数模式和原型模式 (1)工厂模式:缺点:不...

  • JS函数

    1.0 工厂模式 2.0 构造函数模式 3.0 原型模式 4.0 构造函数 + 原型模式 实例化构造函数时,返回的...

  • 常见设计模式

    1.写出 构造函数模式、混合模式、模块模式、工厂模式、单例模式、发布订阅模式的范例。 //1.构造函数模式//构造...

网友评论

      本文标题:工厂模式、构造函数模式要点

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