博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js数据类型以及原型分析
阅读量:5978 次
发布时间:2019-06-20

本文共 1604 字,大约阅读时间需要 5 分钟。

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

案例:

   执行出来为     

 

转载于:https://www.cnblogs.com/gdqx/p/9892280.html

你可能感兴趣的文章
Git fetch和git pull的区别
查看>>
引用与指针的区别
查看>>
pygtk笔记--2.1:布局容器,VBox、Hbox、Alignment
查看>>
修改PHP模板
查看>>
dtree.js树的使用
查看>>
将0~N打乱顺序,然后排序
查看>>
Javascript 函数声明和函数表达式的区别
查看>>
10.23 相对,绝对路径,cd,mkdir/rmdir,rm命令
查看>>
传参方式小记
查看>>
系统重构笔记
查看>>
浏览器本地存储
查看>>
设计模式——工厂方法模式和抽象工厂模式
查看>>
FCC有意支持Sprint与T-Mobile合并?
查看>>
XMLHttpRequest
查看>>
Linux集群架构(下)——DR模式、keepalived+LVS
查看>>
使用Xshell连接Linux服务器
查看>>
hadoop学习笔记2
查看>>
MySQL基础
查看>>
Oracle伪列ROWID和ROWNUM
查看>>
网关冗余--王贝的学习笔记
查看>>