zoukankan      html  css  js  c++  java
  • 创建对象的模式

    1.工厂模式

          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;
            }
            let person=createPerson('susu',20,['学生','打字员','程序员']) 

    优点:解决了创建多个相似对象时,代码的复用问题

    缺点:不能知道对象的类型

    2.构造函数模型

    只要一个函数是通过new来调用的,我们就把它称为构造函数,在js中函数也是一个对象

          function createPerson(name,age,job){
                this.name=name;
                this.age=age;
                this.job=job;
                this.sayName=function(){
                    alert(this.name);
                }
            }
            let person1=new createPerson('susu',20,['学生','打字员','程序员']) 
            let person2=new createPerson('feifei',23,['学生','打字员','程序员']) 

    优点:解决了工厂模式中对象类型无法识别的问题,并且创建自定义的构造函数意味着将来可以将它的实例标识为一种特定的类型。

    缺点:如果对象属性中包含函数的话,那么我们每次实例话的时候都会新建一个函数对象,浪费了不必要的内存空间

    3.原型模式

    我们创建的每一个函数都有一个 prototype 属性,这个属性指向函数的原型对象,这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。我们通过使用原型对象可以让所有的对象实例共享它所包含的属性和方法,

          function createPerson(){}
          createPerson.prototype.name='susu';
          createPerson.prototype.age=19;
          createPerson.prototype.job=['学生','打字员','程序员'];
          createPerson.prototype.sayName=function(){
               alert(this.name);
          }
           let person1=new createPerson() 
           let person2=new createPerson() 

    优点:解决了构造函数模式中多从创建相同函数对象的问题

    缺点:省略了传参过程。所有实例都共享一组属性,若属性中包含引用类型,属性的操作不独立,会导致读写混乱

    4.组合构造函数模式和原型模式

    是目前使用最广泛,认同度最高的一种创建自定义类型的方法。

         function createPerson(name,age){
              this.name=name;
              this.age=age;
         }
          createPerson.prototype={
               constructor:createPerson,
               sayName:function(){
                     alert(this.name);
               }
          }
           let person1=new createPerson('susu',19) 
           let person2=new createPerson('feifei',23)

    缺点:代码的封装性不好

    5.动态原型模式

    在构造函数中通过判断只初始化一次原型

         function createPerson(name,age){
              this.name=name;
              this.age=age;
              if(typeOf this.sayName!=='function'){
                   createPerson.prototype.sayName=function(){
                         alert(this.name)
                   }
              }
         }
           let person1=new createPerson('susu',19) 
           let person2=new createPerson('feifei',23)

    6.寄生构造函数模式

    创建一个函数,该函数的作用仅仅是封装创建对象的代码,然后返回新创建的对象。

          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;
            }
            let person=new createPerson('susu',20,['学生','打字员','程序员']) 

    缺点:和工厂模式缺点一样

  • 相关阅读:
    socket错误码获取
    代码整洁之道读书笔记函数
    算法学习之堆排序
    包含与继承区别
    提高 LayerBacked Memory Use
    RenderBuffer
    算法学习之快速排序
    NSTimer
    DNS and BIND ... (转载) zhumao
    Samba学习笔记(转载) zhumao
  • 原文地址:https://www.cnblogs.com/susu2020/p/12937793.html
Copyright © 2011-2022 走看看