Stack and Heap底层机制

现在的面试中很多的面试官都会问知道堆(Heap)栈(Stack)的底层机制嘛?

然而你一脸懵圈,啥是堆栈,那这次面试基本也就凉凉了,如果你不知道,那就一起来看看吧。

在v8引擎中对变量的存储主要有两种,堆内存和栈内存,只要你有变量,有赋值就是有两种内存的存在:

      栈内存:1、存储的是基本数据类型(Boolean、Number、String、Undefined、Null)的变量名和变量值,然后会开辟出变量的存储空间和值的存储空间。

                     2、执行代码,也就是常说的执行栈,为JS代码提供一个执行的环境。

       堆内存:存储的是引用数据类型(Object、Array、RegExp、Date、Function)的地址,对象的键值对函数的代码块等。

在看堆栈内存之前,咱们先讨论一下对象得属性名可以是什么类型?有人说对象的属性名 就是字符串类型,你可以这么理解,但是我用 true 做属性名然后赋值  你输入照样不会报错,为什么说 可以理解为字符串,看输出结果都是一样得

属性名对比

那我要是用引用类型做对象得属性名会怎么样,来看看:

引用类型结果

你会发现,引用类型都会隐式转换为字符串 toString(),成为属性名,了解了这些,咱们先来看一道面试题,

        let a = {x:100};

        let c = {x:200};

        obj[a] = 1000;

        obj[c] = 3000;

        console.log(a.toString());

        console.log(obj);

输出结果等于多少:结果看下图:

引用类型属性名面试题

上面对象属性名的类型及知识点也说的差不多了,下面进去正题:

代码演示之栈内存:

        let a = 12;   这段代码都做了些什么呢? 结合上面所说,声明一个变量 a 存储到栈内存的变量存储空间,有个值 12 存储到了栈内存中的值存储空间,最后一个 = 既是赋值也是指针关联,指针关联什么呢?变量与值的关联。

知道了什么是栈内存,那么来看这个题:

        let a = 12;

        b = a;

        b = 13;

        console.log(a, b);

输出结果:    

简单栈面试题

已经知道了栈内存,现在来说说堆内存:

            let obj = {name: "我是谁"};  声明变量 obj,赋值,注意:这个值存储空间存储的是引用类型的地址,就是存储了一个独有的16进制,用了值存储空间来链接 变量存储空间 和 堆内存(一个地址只能有一个引用类型值)。

来一道简单堆内存面试题:

        let obj = {name: "我是谁"};

        let m = obj;

        m.name = "怎么一个人住";

        console.log(obj);

输出结果:

简单堆内存面试题

稍微总结一下区别:

        栈内存中存储的是基本数据类型,堆内存中存储的是引用数据类型。

        栈内存中存储的都是占据空间小的值,堆内存中都是占据空间大的值。

上面的文字你看懂了嘛?上面的例子你看会了嘛?没错,就是这么简单,真的嘛? 

            var obj = {n: 10,m: obj.n * 10};

            console.log(obj.m);

既然你已经觉得简单了,看看这道题输出什么?

面试题1

这太简单了,没有什么难度,那请看下面的题:

        面试题1:

                var ary1 = [3, 4];

                var ary2 = ary1;

                ary2[0] = 1;

                ary2 = [4, 5];

                ary2[1] = 2;

                ary1[1] = 0;

                console.log(ary1, ary2);

输出结果:

堆面试题数组

         面试题2:

                  let n = [10, 20];     let m = n;    let x = m;

                  m[0] = 100;    

                  x = [30, 40];   

                   x[0] = 200;   m = x;

                  m[1] = 300;    

                  n[2] = 400;

                  console.log(n,m,x); 

输出结果及解题思路:

解题思路

            面试题3:(阿里面试题)

                   let obj = { n: 1 } 

                   let _thisObj = obj; 

                   obj.x = obj = { n: 2 } 

       输出  obj.x 和 _thisObj 得到的是什么?

解题思路

上面就是本人从简单到简单的介绍了一下什么是堆栈内存,也是本人记录笔记,如有不对之处及不周之处请指出,希望对一些人有所帮助,如果你认真阅读了,你的答案对了几个呢?欢迎评论留言自己的答案及看法,谢谢!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 221,135评论 6 514
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,317评论 3 397
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 167,596评论 0 360
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,481评论 1 296
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,492评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,153评论 1 309
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,737评论 3 421
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,657评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,193评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,276评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,420评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,093评论 5 349
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,783评论 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,262评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,390评论 1 271
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,787评论 3 376
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,427评论 2 359

推荐阅读更多精彩内容