美文网首页让前端飞
简单对象创建模式

简单对象创建模式

作者: 誩先生 | 来源:发表于2019-11-27 21:25 被阅读0次

方式1:

Object构造函数模式

形式:先创建一个空的Object对象,然后动态的给其添加属性或者方法
常用的场景:一开始并不确定对象内部的数据
缺点:给其添加的语句会很多
例如:

var obj = new Object()
    obj.name ="张三"
    obj.age = 22
    //这个函数可以自由修改年龄
    obj.setAge = function(age){
          this.age = age
    }
     obj.setAge("参值")

方法2:

对象字面量模式

形式:先使用{ }创建一个对象,然后指定属性或者方法
常用的场景:一开始确定对象内部的数据
缺点:在创建多个对象时,代码量重复多
例如:

var obj = {
    name = "张三",
    age = 22,
    setName:function(name){
        this.name = name
    } 
  }
//调用其中的函数
    obj.setName("参值")

方法3:

工厂模式

形式:通过创建函数动态创建对象返回,这个函数可称为工厂函数
常用的场景:需要创建多个对象的时候
缺点:对象创建的都是一个类型的,都是objcet类型,同时创建的对象内置参数都过于死板
例如:

function createPerson(name,age){
    //形参都是自己需要什么什么自己创建
   var obj = {
    name:name,
    age:age,
    setName:function(name){
         this.name = name
    }
  }
//最后的返回值肯定是一个对象
  return obj
}
//工厂函数创建完毕,开始创建具体对象
var  p1 = createPerson("张三",20)
var  p2 = createPerson("李四",22)
//这时两个对象创建完毕,比起之前的代码量明显减少,但是这两个对象的类型都是一样的

方法4:

自定义构造函数模式

形式:通过自定义构造函数,然后通过new创建对象
常用的场景:需要创建多个类型确定的对象时候
缺点:每个对象都有相同的数据,浪费内存
例如:

//创建自定义构建函数
 function Person(name,age){
        this.name = name
        this.age = age
        this.setName = function(name){
             this.name = name
        }
    }
//创建自定义对象
  var p = new Person("张三",20)
  var p1 = new Person("李四",22)
//调用自定义函数中的函数也和之前的差不多
    p.setName('修改的名字参值')

方法5:

构造函数+原型的组合模式

形式:通过自定义构造函数,属性在函数中初始化,其中的方法添加到原型上
常用的场景:需要创建多个类型确定的对象时候
例如:

//创建自定义构建函数
 function Person(name,age){
        this.name = name
        this.age = age
    }

//将方法添加到原型中
Person.prototype.setName = function(name){
             this.name = name
        }
//创建对象
  var p = new Person("张三",20)
  var p1 = new Person("李四",22)

相关文章

  • JavaScript对象的创建方法

    大纲 前言1、简单方式创建对象的方法2、工厂模式创建对象3、构造函数模式创建对象4、原型模式创建对象5、组合使用构...

  • 【javascript】js对象与继承小结

    创建对象的模式 工厂模式,使用简单的函数创建对象,为对象添加属性和方法,然后返回对象。这个模式后来被构造函数模式所...

  • iOS 工厂模式的简单使用

    这里使用的是简单工厂模式。 简单工厂模式的定义:简单工厂模式是属于创建型模式,简单工厂模式是由一个工厂对象决定创建...

  • 简单工厂模式

    引言 创建型设计模式是解决对象创建机制的设计模式,也就是根据具体的情况,以适当的方式创建对象; 定义 简单工厂模式...

  • 设计模式(一)(Java实现)

    工厂模式 作用:为创建对象提供过度接口,将创建对象的具体过程屏蔽,提高灵活性 简单工厂模式/静态工厂方法模式:创建...

  • 设计模式——工厂设计模式

    简单工厂模式(静态工厂模式) 简单工厂模式是属于创建型模式,是工厂模式的一种。简单工厂模式是由一个工厂对象决定创建...

  • 原型模式(Prototype Pattern)

    Prototype模式——简单理解就是新对象的创建可以通过已有对象进行创建。 Prototype模式提供了一个通过...

  • 设计模式之工厂模式一简单工厂模式

    设计模式之工厂模式一简单工厂模式 工厂模式由来: 在我们创建对象的时候使用,使用new操作的。如果多个对象创建都使...

  • 单例模式

    单例模式是简单的设计模式之一,属于创建型模式,它提供了一种创建对象的方式,确保只有单个对象被创建。这个设计模式主要...

  • 设计模式

    创建型模式 Factory--工厂模式 简单工厂模式 创建工厂对象,然后通过条件获取相应的对象,这种方式健壮性差,...

网友评论

    本文标题:简单对象创建模式

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