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 相关文章推荐
Dom加载让图片加载完再执行的脚本代码
May 15 Javascript
js 跨域和ajax 跨域问题小结
Jul 01 Javascript
Jquery easyui 下loaing效果示例代码
Aug 12 Javascript
angularjs实现与服务器交互分享
Jun 24 Javascript
javascript字符串替换函数如何一次性全部替换掉
Oct 30 Javascript
JQuery点击行tr实现checkBox选中的简单实例
May 26 Javascript
AngularJS基础 ng-model 指令详解及示例代码
Aug 02 Javascript
window.open打开窗口被拦截的快速解决方法
Aug 04 Javascript
解析如何利用iframe标签以及js制作时钟
Dec 08 Javascript
利用Vue.js实现checkbox的全选反选效果
Jan 18 Javascript
vue-resource 拦截器(interceptor)的使用详解
Jul 04 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
Jul 10 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
用文本文件制作留言板提示(下)
2006/10/09 PHP
php设计模式 FlyWeight (享元模式)
2011/06/26 PHP
php打开文件fopen函数的使用说明
2013/07/05 PHP
PHP连接MySQL数据库的三种方式实例分析【mysql、mysqli、pdo】
2019/11/04 PHP
自写的一个jQuery圆角插件
2010/10/26 Javascript
jQuery的学习步骤
2011/02/23 Javascript
Js日期选择自动填充到输入框(界面漂亮兼容火狐)
2013/08/02 Javascript
jquery 实现窗口的最大化不论什么情况
2013/09/03 Javascript
node.js中使用socket.io的方法
2014/12/15 Javascript
jquery实现表格隔行换色效果
2015/11/19 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
2016/03/04 Javascript
React Native 集成jpush-react-native的示例代码
2017/08/16 Javascript
关于vue-router的beforeEach无限循环的问题解决
2017/09/09 Javascript
nodejs 最新版安装npm 的使用详解
2018/01/18 NodeJs
详解如何在webpack中做预渲染降低首屏空白时间
2018/08/22 Javascript
vue-cli3+typescript初体验小结
2019/02/28 Javascript
vue 在服务器端直接修改请求的接口地址
2020/12/19 Vue.js
[01:15:45]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第一局
2016/02/26 DOTA
深入讲解Java编程中类的生命周期
2016/02/05 Python
python实现红包裂变算法
2016/02/16 Python
Python cookbook(数据结构与算法)筛选及提取序列中元素的方法
2018/03/19 Python
influx+grafana自定义python采集数据和一些坑的总结
2018/09/17 Python
python之pymysql模块简单应用示例代码
2019/12/16 Python
在Python 的线程中运行协程的方法
2020/02/24 Python
Python urllib2运行过程原理解析
2020/06/04 Python
基于Python爬取fofa网页端数据过程解析
2020/07/13 Python
HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法
2013/04/24 HTML / CSS
日本亚马逊官方网站:Amazon.co.jp
2020/04/14 全球购物
金融管理专业毕业生求职信
2014/03/12 职场文书
家长会主持词
2014/03/26 职场文书
个人租房协议书(范本)
2014/10/14 职场文书
聋哑人盗窃罪辩护词
2015/05/21 职场文书
2015大学迎新标语
2015/07/16 职场文书
学校运动会通讯稿
2015/07/18 职场文书
2015年物流客服工作总结
2015/07/27 职场文书
装修公司管理制度
2015/08/05 职场文书