黑马程序员技术交流社区

标题: JavaScript中的变量在内存中的具体存储形式 [打印本页]

作者: suifeng199106    时间: 2019-12-27 18:12
标题: JavaScript中的变量在内存中的具体存储形式
大家都知道,JS中的数据类型包括两种:简单数据类型(String、Number、Boolean、undefined、null)和复杂数据类型(object)。
在内存中分为栈区(stack)和堆区(heap),简单数据类型存放在栈区,复杂数据类型存放在堆区。在开发时,我们能直接操作栈区的变量,不能直接操作堆区,堆区数据由JS引擎操作完成。深圳注册公司流程和费用标准  http://www.caishui114.com/
栈内存和堆内存
JavaScript中的变量分为基本类型和引用类型 基本类型是保存在栈内存中的简单数据段,它们的值都有固定的大小,保存在栈空间,通过按值访问
引用类型是保存在堆内存中的对象,值大小不固定,栈内存中存放的该对象的访问地址指向堆内存中的对象,JavaScript不允许直接访问堆内存中的位置,因此操作对象时,实际操作对象的引用
结合代码与图来理解
let a1 = 0; // 栈内存let a2 = "this is string" // 栈内存let a3 = null; // 栈内存let b = { x: 10 }; // 变量b存在于栈中,{ x: 10 }作为对象存在于堆中let c = [1, 2, 3]; // 变量c存在于栈中,[1, 2, 3]作为对象存在于堆中
复制代码

当我们要访问堆内存中的引用数据类型时
基本类型发生复制行为
let a = 20;let b = a;b = 30;console.log(a); // 20
复制代码

结合下面图进行理解:
在栈内存中的数据发生复制行为时,系统会自动为新的变量分配一个新值,最后这些变量都是相互独立互不影响的
引用类型发生复制行为
let a = { x: 10, y: 20 }let b = a;b.x = 5;console.log(a.x); // 5
复制代码

结合下图理解
总结


作者: 柠檬leung不酸    时间: 2020-1-7 18:43
能坚持学习的人都是最棒的。
作者: 柠檬leung不酸    时间: 2020-2-19 16:55
梦想也不会遗忘你的付出!商道酬信,业道酬精!
作者: 柠檬leung不酸    时间: 2020-5-14 10:09
发光并非太阳的专利,你也可以发光。加油
作者: 柠檬leung不酸    时间: 2020-5-15 08:37
面对生活的选择,可怕的不是“大环境”,而是我们自己。勇于走出自己的舒适圈,勇于挑战自己,加油……




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2