JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析


Posted in Javascript onMarch 04, 2020

本文实例讲述了JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别。分享给大家供大家参考,具体如下:

js数据类型:基本数据类型和引用数据类型(文章最下面会介绍各类型的基础以及注意事项

基本数据类型指的是简单的数据段,引用数据类型指的是有多个值构成的对象

当我们把变量赋值给一个变量时,解析器首先要确认的就是这个值是基本类型值还是引用类型值

基本数据类型:数字(Number)、字符串(String)、布尔(Boolean)、空(Null)、未定义(Undefined)

引用数据类型:也就是对象类型Object type,比如:Object 、Array 、Function 、Data等

基本数据类型

基本数据类型是按值访问的,因为可以直接操作保存在变量中的实际值

var a = 1;
var b = a;//b获取的是a值得一份拷贝,虽然,两个变量的值相等,但是两个变量保存了两个不同的基本数据类型值
b = 2;
console.log(a); // 1

b只是保存了a复制的一个副本。所以,b的改变,对a没有影响。

下图演示了这种基本数据类型赋值的过程:

JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析

栈(stack):栈会自动分配内存空间,会自动释放,存放基本类型,简单的数据段,占据固定大小的空间。

所有在方法中定义的变量都是放在栈内存中,随着方法的执行结束,这个方法的内存栈也自然销毁 

优点:存取速度比堆快,仅次于直接位于CPU中的寄存器,数据可以共享; 
缺点:存在栈中的数据大小与生存期必须是确定的,缺乏灵活性。

栈:可以递归调用方法,这样随着栈深度的增加,JVM维持着一条长长的方法调用轨迹,知道内存不够分配,产生栈溢出。

引用类型数据

javascript的引用数据类型是保存在堆内存中的对象。

与其他语言的不同是,你不可以直接访问堆内存空间中的位置和操作堆内存空间。只能操作对象在栈内存中的引用地址。

所以,引用类型数据在栈内存中保存的实际上是对象在堆内存中的引用地址。通过这个引用地址可以快速查找到保存中堆内存中的对象。

var obj1 = new Object();
var obj2 = obj1;
obj2.name = "叶落森";
console.log(obj1.name); //叶落森

说明这两个引用数据类型指向了同一个堆内存对象。obj1赋值给onj2,实际上这个堆内存对象在栈内存的引用地址复制了一份给了obj2,但是实际上他们共同指向了同一个堆内存对象。实际上改变的是堆内存对象。(这里就会引出深拷贝和浅拷贝问题,这里是浅拷贝,具体的见前面一篇堆和栈的区别)

下面我们来演示这个引用数据类型赋值过程:

JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析

 

各类型的基础以及注意事项

1.Number类型

Number类型包含整数和浮点数(浮点数数值必须包含一个小数点,且小数点后面至少有一位数字)两种值。

NaN:非数字类型。特点:① 涉及到的 任何关于NaN的操作,都会返回NaN   ② NaN不等于自身。

isNaN() 函数用于检查其参数是否是非数字值。

isNaN(123) //false
isNaN("hello") //true

2.String类型

字符串有length属性。

字符串转换:转型函数String(),适用于任何数据类型(null,undefined 转换后为null和undefined);toString()方法(null,defined没有toString()方法)。

3.Boolean类型

该类型只有两个值,true和false

4.Undefined类型

只有一个值,即undefined值。使用var声明了变量,但未给变量初始化值,那么这个变量的值就是undefined。

5.Null类型

null类型被看做空对象指针,前文说到null类型也是空的对象引用。

6.Object类型

js中对象是一组属性与方法的集合。这里就要说到引用类型了,引用类型是一种数据结构,用于将数据和功能组织在一起。引用类型有时候也被称为对象定义,因为它们描述的是一类对象所具有的属性和方法。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript中字符串拼接需注意的问题
Jul 13 Javascript
JS实现方向键切换输入框焦点的方法
Aug 19 Javascript
AngularJS入门教程之AngularJS表达式
Apr 18 Javascript
json定义及jquery操作json的方法
Oct 03 Javascript
JSON 必知必会 观后记
Oct 27 Javascript
JS两种类型的表单提交方法实例分析
Nov 28 Javascript
微信小程序的动画效果详解
Jan 18 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
Mar 15 Javascript
对VUE中的对象添加属性
Sep 18 Javascript
用node.js写一个jenkins发版脚本
May 21 Javascript
通过图带你深入了解vue的响应式原理
Jun 21 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
微信浏览器左上角返回按钮监听的实现
Mar 04 #Javascript
js回调函数原理与用法案例分析
Mar 04 #Javascript
在pycharm中开发vue的方法步骤
Mar 04 #Javascript
Vue+Vuex实现自动登录的知识点详解
Mar 04 #Javascript
vuex入门最详细整理
Mar 04 #Javascript
JavaScript 严格模式(use strict)用法实例分析
Mar 04 #Javascript
vue 自定义组件的写法与用法详解
Mar 04 #Javascript
You might like
Dedecms V3.1 生成HTML速度的优化办法
2007/03/18 PHP
PHP面向接口编程 耦合设计模式 简单范例
2011/03/23 PHP
解析php开发中的中文编码问题
2013/08/08 PHP
PHP常用编译参数中文说明
2014/09/27 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
基于jquery的一个图片hover的插件
2010/04/24 Javascript
javascript一些实用技巧小结
2011/03/18 Javascript
jQuery学习总结之元素的相对定位和选择器(持续更新)
2011/04/26 Javascript
js数组循环遍历数组内所有元素的方法
2014/01/18 Javascript
jQuery获取iframe的document对象的方法
2014/10/10 Javascript
JavaScript实现数字数组正序排列的方法
2015/04/06 Javascript
javascript判断数组内是否重复的方法
2015/04/21 Javascript
jQuery实现类似淘宝网图片放大效果的方法
2015/07/08 Javascript
Bootstrap多级导航栏(级联导航)的实现代码
2016/03/08 Javascript
JavaScript中的冒泡排序法
2016/08/03 Javascript
node.js操作mongodb简单示例分享
2017/05/25 Javascript
JS库 Highlightjs 添加代码行号的实现代码
2017/09/13 Javascript
解决在vue项目中,发版之后,背景图片报错,路径不对的问题
2018/03/06 Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
2018/10/24 Javascript
JavaScript设计模式之享元模式实例详解
2019/01/17 Javascript
vue实现几秒后跳转新页面代码
2020/09/09 Javascript
Vue实现boradcast和dispatch的示例
2020/11/13 Javascript
微信小程序实现点赞业务
2021/02/10 Javascript
Python读大数据txt
2016/03/28 Python
python针对mysql数据库的连接、查询、更新、删除操作示例
2019/09/11 Python
python获取本周、上周、本月、上月及本季的时间代码实例
2020/09/08 Python
HTML5中新标签和常用标签详解
2014/03/07 HTML / CSS
WSDL的操作类型主要有几种
2013/07/19 面试题
生物化学研究助理员求职信
2013/10/09 职场文书
甲方资料员岗位职责
2013/12/13 职场文书
党校培训思想汇报
2013/12/30 职场文书
教师敬业奉献模范事迹材料
2014/05/18 职场文书
政协委员个人总结
2015/03/03 职场文书
老人与海读书笔记
2015/06/26 职场文书
css3 filter属性的使用简介
2021/03/31 HTML / CSS