zoukankan      html  css  js  c++  java
  • JS创建对象的几种方式

    第一种模式:工厂方式

    1. var lev=function(){  
    2.   
    3.    return "啊打";  
    4. };  
    5. function Parent(){  
    6.        var  Child = new Object();  
    7.        Child.name="李小龙";  
    8.        Child.age="30";  
    9.        Child.lev=lev;  
    10.      return Child;  
    11. };  
    12.   
    13. var  x = Parent();  
    14. alert(x.name);  
    15. alert(x.lev());  

     说明:

    1.在函数中定义对象,并定义对象的各种属性,,虽然属性可以为方法,但是建议将属性为方法的属性定义到函数之外,这样可以避免重复创建该方法

    2.引用该对象的时候,这里使用的是 var x = Parent()而不是 var x = new Parent();因为后者会可能出现很多问题(前者也成为工厂经典方式,后者称之为混合工厂方式),不推荐使用new的方式使用该对象

    3.在函数的最后返回该对象

    4.不推荐使用这种方式创建对象,但应该了解

    第二种模式:构造函数方式

    1. var lev=function(){  
    2.   
    3.    return "啊打";  
    4. };  
    5. function Parent(){  
    6.         
    7.        this.name="李小龙";  
    8.        this.age="30";  
    9.        this.lev=lev;  
    10.      
    11. };  
    12.   
    13. var  x =new  Parent();  
    14. alert(x.name);  
    15. alert(x.lev());  

    说明:

    1.与工厂方式相比,使用构造函数方式创建对象,无需再函数内部重建创建对象,而使用this指代,并而函数无需明确return

    2.同工厂模式一样,虽然属性的值可以为方法,扔建议将该方法定义在函数之外

    3..同样的,不推荐使用这种方式创建对象,但仍需要了解

    第3种模式:原型模式

    1. var lev=function(){  
    2.   
    3.    return "啊打";  
    4. };  
    5. function Parent(){  
    6.         
    7.      
    8. };  
    9.   Parent.prototype.name="李小龙";  
    10.   Parent.prototype.age="30";  
    11.  Parent.prototype.lev=lev;  
    12.   
    13. var  x =new  Parent();  
    14. alert(x.name);  
    15. alert(x.lev());  

     说明:

    1.函数中不对属性进行定义

    2.利用prototype属性对属性进行定义

    3.同样的,不推荐使用这样方式创建对象

     第四种模式:混合的构造函数,原型方式(推荐

    1. function Parent(){  
    2.   this.name="李小龙";  
    3.  this.age=32;  
    4.      
    5. };   
    6. Parent.prototype.lev=function(){  
    7.   
    8.    return this.name;  
    9. };;  
    10.   
    11. var  x =new  Parent();  
    12.   
    13. alert(x.lev());  

     说明:1.该模式是指混合搭配使用构造函数方式和原型方式

              2.将所有属性不是方法的属性定义在函数中(构造函数方式)

    将所有属性值为方法的属性利用prototype在函数之外定义(原型方式)

    3.推荐使用这样方式创建对象,这样做有好处和为什么不单独使用构造函数方式和原型方式,由于篇幅问题这里不予讨论

    第五种模式:动态原型方式

    1. function Parent(){  
    2.   this.name="李小龙";  
    3.  this.age=32;  
    4. ;  
    5.  if(typeof Parent._lev=="undefined"){  
    6.             
    7.        
    8.      Parent.prototype.lev=function(){  
    9.   
    10.                return this.name;  
    11.      }  
    12.      Parent._lev=true;  
    13.  }  
    14.      
    15. };   
    16.   
    17.   
    18. var  x =new  Parent();  
    19.   
    20. alert(x.lev());  

     说明:

    1.动态原型方式可以理解为混合构造函数,原型方式的一个特例

    2.该模式中,属性为方法的属性直接在函数中进行了定义,但是因为

    1. if(typeof Parent._lev=="undefined"){  
    2.             
    3.        
    4.           Parent._lev=true;}  

     
    从而保证创建该对象的实例时,属性的方法不会被重复创建

    3.,推荐使用这种模式

  • 相关阅读:
    Uploader 文件上传
    filters过滤器的使用
    Calendar中遇到的问题
    中科院之旅
    Python基础教程:列表推导式详解
    不会也要知道的,Python四种实现排序的方法
    2021字节跳动校招秋招算法面试真题解题报告--leetcode19 删除链表的倒数第 n 个结点,内含7种语言答案
    2021字节跳动校招秋招算法面试真题解题报告--leetcode206 反转链表,内含7种语言答案
    求协方差
    国外卡组织的 交换费-interchangefee(发卡行服务费) 和 银联对比
  • 原文地址:https://www.cnblogs.com/564085446java/p/3805615.html
Copyright © 2011-2022 走看看