zoukankan      html  css  js  c++  java
  • js数据类型以及原型分析

    js数据类型

      基本数据类型:string、undefined、null、boolean、number

      引用数据类型:object、array、function

      二者区别:

          基本数据类型就是简单的操作值

          引用数据类型就是把引用地址赋值给变量

    堆内存:

      就是存放代码块的,存放形式有两种,一种是对象以键值对的形式存放

                       另一种就是函数以字符串的形式存放

             (数据的三种存储方式

          1、string   "  "      字符串

          2、array   [    ]      数组

          3、json     {    }         )

     案例:

            执行出来结果为     

          执行出来结果为      

    引用数据类型的赋值,是把引用地址赋给他,在修改属性的时候通过地址查找然后改掉

    应用数据类型   先通过引用地址查找堆内存中 的代码,然后再去修改

     作用域和堆内存的区别

        作用域是函数执行的时候产生fn()

        函数执行的时候首先会开辟一个新的内存空间叫栈内存(环境或作用域)

        数据类型在赋值的时候会开辟一个新的内存空间叫堆内存(存放代码块)

        二者都会形成一个内存地址

    在js 中的函数形式的种类

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

      2、类

    对象  object

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

    1、单例模式

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

     生成对象的单例模式:

          优势:每个对象都是独立的,即便属性起的名字一样,不会相互干扰,方便现在流行的开发模式“模块化开发”

             如果需要使用里面的属性用   .    运算符,如zhang.name或zhang["name"]

             判断一个属性是不是这个对象的用in运算符  如"name" in zhang 

             如果遍历这个对象用for    如  for(attr in zhang){}

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

    2、工厂模式

        执行出来为     

    这种形式我们叫函数封装

    优势:可以批量生产,减少冗余代码,提高代码重复利用率(高密度低耦合)

    缺点:没有继承和多态

    3、构造函数      对象

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

         2、里面的属性前面必须加this

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

       执行出来为   

    我们把Person 叫类   把zhang叫实例   

    万物皆对象  对象的特征有属性和方法

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

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

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

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

    原型分析:

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

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

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

    原型链

      对象.属性的时候,首先看这个属性是不是私有的,私有的有就直接使用,如果私有的属性没有,就找公有的,公有的有就直接使用,没有就按照--proto--找他的类上有没有,直到找到基类object  

        如果object没有就是undefined,这种查找机制叫原型链。

    案例:

       执行出来为     

  • 相关阅读:
    [APIO2018]Circle selection
    [CF1025D]Recovering BST
    [CF1023D]Array Restoration
    [POI2006]PRO-Professor Szu
    [CF888G]Xor-MST
    可持久化并查集小结
    [国家队集训]最短路
    [POI2012]FES-Festival
    [SDOI2010]所驼门王的宝藏
    洛谷 P1025 & [NOIP2001提高组] 数的划分(搜索剪枝)
  • 原文地址:https://www.cnblogs.com/gdqx/p/9892280.html
Copyright © 2011-2022 走看看