美文网首页
JavaScript的堆栈以及数据类型

JavaScript的堆栈以及数据类型

作者: 走花鹿 | 来源:发表于2021-06-17 15:08 被阅读0次

本文参考此链接

是堆内存的简称。是动态分配内存,内存大小不一,也不会自动释放。 是栈内存的简称。是自动分配相对固定大小的内存空间,并由系统自动释放。后进先出

基本数据类型

javascript基本类型就5种:UndefinedNullBooleanNumberString,它们都是直接按值存储在栈中的,每种类型的数据占用的内存空间的大小是确定的,并由系统自动分配和自动释放。这样带来的好处就是,内存可以及时得到回收,相对于堆来说,更加容易管理内存空间。

引用数据类型

javascript中其他类型的数据被称为引用类型的数据 : 如对象(Object)、数组(Array)、函数(Function) …,它们是通过拷贝和new出来的,这样的数据存储于堆中。其实,说存储于堆中,也不太准确,因为,引用类型的数据的地址指针是存储于栈中的,当我们想要访问引用类型的值的时候,需要先从栈中获得对象的地址指针,然后,在通过地址指针找到堆中的所需要的数据。

传值与传址

var arr1 = [1,2,5,8]; 
var arr2 = arr1 ; 
var str1 = arr1[2]; 
console.log(arr2);//1,2,5,8
console.log(str1);//5
arr2[4] = 99; 
str1 = 6; 
console.log(arr1);//1,2,5,8,99
console.log(arr1[2]);//5

当我改变arr2中的数据时,arr1中数据也发生了变化,当改变str1的数据值时,arr1却没有发生改变。为什么?这就是传值与传址的区别。

因为arr1是数组,属于引用类型,所以它赋予给arr2的时候传的是栈中的地址(相当于新建了一个不同名“指针”),而不是堆内存中的对象的值。str1得到的是一个基本类型的赋值,因此,str1仅仅是从arr1堆内存中获取了一个数值,并直接保存在栈中。arr1、arr2都指向同一块堆内存,arr2修改的堆内存的时候,也就会影响到arr1,str1是直接在栈中修改,并且不能影响到arr1堆内存中的数据。

img

深拷贝和浅拷贝

上边说到的赋值方式就是浅拷贝,那么什么叫作深拷贝呢?就是要将arr1的每个基本类型的数据都遍历一遍,依次的赋值给arr2的对应字段。避免产生因为地址引用带来的问题。

var arr1 = [1,2,5,8]; 
var arr2 = []; 
for(var i=0;i<arr1.length;i++){
 arr2[i]=arr1[i];
};
console.log(arr2)//1,2,5,8
arr2[4]=99;
console.log(arr2)//1,2,5,8,99
console.log(arr1)//1,2,5,8

javascript面向对象的语言本身在处理对象和非对象上就进行了划分,从数据结构的角度来讲,对象就是栈的指针和堆中的数值。

完~

相关文章

  • JavaScript的堆栈以及数据类型

    本文参考此链接[https://www.jianshu.com/p/5e0e8d183102] 堆 是堆内存的简称...

  • 前端线路图

    1 堆栈内存以及闭包作用域 1 js中的基本数据类型以及其区别 (8种) 2 js堆栈内存的运行机制 3 变量提升...

  • js堆栈以及数据类型

    基本数据类型 基本数据类型放在栈中(值不可变,但是可以重新赋值) 基本数据类型的'='是传值 开辟新的栈 基本类型...

  • 简单数据类型和复杂数据类型

    1 - 简单数据类型和复杂数据类型 1.1 简单数据类型 1.2 复杂数据类型 1.3 堆栈 堆栈空间分配区别: ...

  • JS的一些面试点

    JS 数据类型 JavaScript中什么是基本数据类型什么是引用数据类型?以及各个数据类型是如何存储的? 基本数...

  • 动画:《大前端吊打面试官系列》之原生 JavaScript 精华

    面试官:说说 JavaScript 中的基本类型有哪些?以及各个数据类型是如何存储的? JavaScript 的数...

  • JS基本_2018-07-09

    javascript的组成 javascript的语法 javascript的数据类型: 查看数据类型 javas...

  • JavaScript的数据类型如何判断

    JavaScript的数据类型如何判断 使用 Javascript 的软件项目 JavaScript数据类型一共有...

  • 深拷贝与浅拷贝

    涉及到几个知识点,分别是:堆栈、基本数据类型、引用数据类型。 堆栈:两者都是临时存放数据的地方。栈区(stack)...

  • 类型

    JavaScript的数据类型 JavaScript简单数据类型(基本数据类型,值类型) Boolean Stri...

网友评论

      本文标题:JavaScript的堆栈以及数据类型

      本文链接:https://www.haomeiwen.com/subject/eoscyltx.html