• 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,这种查找机制叫原型链。

    案例:

       执行出来为     

  • 相关阅读:
    如何在iTerm2中配置oh my zsh?
    sublime中格式化jsx文件
    ES6 new syntax of Literal
    ES6 new syntax of Rest and Spread Operators
    How to preview html file in our browser at sublime text?
    ES6 new syntax of Default Function Parameters
    ES6 new syntax of Arrow Function
    七牛云2018春招笔试题
    Spring-使用注解开发(十二)
    Spring-声明式事物(十一)
  • 原文地址:https://www.cnblogs.com/gdqx/p/9892280.html
Copyright © 2020-2023  润新知