码迷,mamicode.com
首页 > 其他好文 > 详细

生出对象的方式

时间:2018-11-30 15:42:01      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:工厂模式   cte   person   var   命名空间   提高   模块   实例   缺点   

在js中的函数形式的种类

  1、普通函数  function  fn(){ }、var  fn=function()

  2、类

对象    object

  对象里面的数据以键值对的形式存在,跟json一样

  1、单例模式 

 

       "name" : "zhangsan"

       "age" : 23

    }

    var li={

      "name" : "lisi"

      "age" : 24

    }

   我们把变量zhang和li叫做“命名空间”

    优势:每个对象都是对立的,即便属性器的名字一样,不会相互干扰,方便现在流行的开发模式“模块化开发”,如果使用里面的属性,用运算付,如 zhang . name或 zhang [ "name" ];判断一个属性是不是这个对象的用in 运算符如"name" in zhang;如果遍历这个对象用for (attr in zhang)

    缺点:不可以批量生产,只能一个一个的去创建

  2、工厂模式

    function  Cteateyifu (name,age){

        var  obj ={

          "name":name

          "age":age

            }

          return   obj

        }

    var  zhang=Createyifu("张三",23)

    var  lisi=Createyifu("李四",24)

    console . log (lisi)

    这种形式我们叫做函数封装

   优势:可以批量生产,减少冗余的代码,提高代码的重复利用率

   缺点:没有继承和多态

  3、构造函数

    要求:(1)、函数名首字母必须大写

       (2)、里面的属性必须加this

       (3)、函数调用的时候必须使用new关键字

    function    person    (name,age){

            this . name=name;

            this . age=age;

            }

          var    zhang=new person ("张三",26)

          console . log(zhang)

    我们把person叫类,把zhang叫实例,万物皆对象,对象的特征有属性和方法

    构造函数里的this指向实例对象。

    实例识别:

    构造函数里有了类和实例的概念,并且实例和实例都是独立的个体,我们把它叫实例识别

    构造函数里面的属性都是私有的,各个实例对象之间没有公共的属性。

    为了实例的对象拥有公共的属性,所以js使用了prototype(原型)这个属性,属性值是一个对象,我们可以把公共的属性放在这个prototype上了

   原型分析:

  (1)、每个函数数据类型(普通函数、类)都有一个prototype 属性 ,并且这个属性都是一个对象数据类型

  (2)、每一个prototype 上都有一个constructor 属性,并且这个属性值是当前函数本身或类的本身

  (3)、每一个对象数据类型(实例,普通函数、prototype)都天生具有一个__proto__ 属性,他的属性值是当前实例所属类的原型

  原型链:

  对象 . 属性的时候,首先看这个属性是不是私有的,私有的就直接使用,如果私有的属性没有,就找公有的,公有的有就使用,没有就按照__proto__ 找它的类上有没有,直到找到基类Object 。如果Object没有就是undefined 。这种机制叫原型链

生出对象的方式

标签:工厂模式   cte   person   var   命名空间   提高   模块   实例   缺点   

原文地址:https://www.cnblogs.com/yangxueyan/p/10043832.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
分享档案
周排行
mamicode.com排行更多图片
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!