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,['学生','打字员','程序员']) 

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

  • 相关阅读:
    jquery插件之文字无缝向上滚动
    jquery插件之tab标签页或滑动门
    jquery插件之表格隔行变色并鼠标滑过高亮显示
    jquery过滤器之:contains()、.filter()
    css3动画在动作结束时保持该状态不变的解决办法
    CSS3两个动画顺序衔接播放
    css去掉使用bootstrap框架后打印网页时预览效果下的超链接
    R in action读书笔记(13)第十章 功效分析
    Python学习 Day 7 面向对象 类和实例 访问限制
    R in action读书笔记(12)第九章 方差分析
  • 原文地址:https://www.cnblogs.com/susu2020/p/12937793.html
Copyright © 2011-2022 走看看