zoukankan      html  css  js  c++  java
  • 生成对象的三种方式

    在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 。这种机制叫原型链

     

  • 相关阅读:
    linux 部署项目命令
    List remove方法小坑
    centos7 安装mongoDB
    windows git 清除已保存的密码
    windows平台安装配置Gitblit
    oracle
    Mac 配置多jdk 随意切换
    idea远程调试jar包
    centos7 安装elasticsearch
    正则校验
  • 原文地址:https://www.cnblogs.com/yanghuiting/p/9892463.html
Copyright © 2011-2022 走看看