美文网首页
js栈空间和堆空间

js栈空间和堆空间

作者: 9月的甜橙子 | 来源:发表于2021-10-14 08:49 被阅读0次
  • JavaScript 是动态语言。动态意味着你可以使用同一个变量保存不同类型的数据。在声明变量之前需要先定义变量类型。我们把这种在使用之前就需要确认其变量数据类型的称为静态语言。相反地,我们把在运行过程中需要检查数据类型的语言称为动态语言。
  • JavaScript 是弱类型语言,支持隐式类型转换。弱类型意味着不需要显示指明数据类型。前面代码中,我们把 int 型的变量 a 赋值给了 bool 型的变量 c,这段代码也是可以编译执行的,因为在赋值过程中,C 编译器会把 int 型的变量悄悄转换为 bool 型的变量,我们通常把这种偷偷转换的操作称为隐式类型转换。而支持隐式类型转换的语言称为弱类型语言,不支持隐式类型转换的语言称为强类型语言。在这点上,C 和 JavaScript 都是弱类型语言。

7中数据类型

Number, BigInt, String, Boolean, Null, Undefined, Object

知识点

第一点,使用 typeof 检测 Null 类型时,返回的是 Object。这是当初 JavaScript 语言的一个 Bug,一直保留至今,之所以一直没修改过来,主要是为了兼容老的代码。
第二点,Object 类型比较特殊,它是由上述 7 种类型组成的一个包含了 key-value 对的数据类型。你可以通过 Object 来存储函数,Object 中的函数又称为方法,比如上述代码中的 update 方法。
第三点,我们把前面的 7 种数据类型称为原始类型,把最后一个对象类型称为引用类型,之所以把它们区分为两种不同的类型,是因为它们在内存中存放的位置不一样。

内存空间

在 JavaScript 的执行过程中, 主要有三种类型内存空间,分别是代码空间、栈空间和堆空间

原始类型的数据值都是直接保存在“栈”中的,引用类型(Object)的值是存放在“堆”中的。详细来说,对象类型是存放在堆空间的,在栈空间中只是保留了对象的引用地址,当 JavaScript 需要访问该数据的时候,是通过栈中的引用地址来访问的,相当于多了一道转手流程。

通常情况下,栈空间都不会设置太大,主要用来存放一些原始类型的小数据。而引用类型的数据占用的空间都比较大,所以这一类数据会被存放到堆中,堆空间很大,能存放很多大的数据,不过缺点是分配内存和回收内存都会占用一定的时间。

结合代码思考


function foo() {
    var myName = "极客时间"
    let test1 = 1
    const test2 = 2
    var innerBar = { 
        setName:function(newName){
            myName = newName
        },
        getName:function(){
            console.log(test1)
            return myName
        }
    }
    return innerBar
}
var bar = foo()
bar.setName("极客邦")
bar.getName()
console.log(bar.getName())
  • 当 JavaScript 引擎执行到 foo 函数时,首先会编译,并创建一个空执行上下文。
  • 在编译过程中,遇到内部函数 setName,JavaScript 引擎还要对内部函数做一次快速的词法扫描,发现该内部函数引用了 foo 函数中的 myName 变量,由于是内部函数引用了外部函数的变量,所以 JavaScript 引擎判断这是一个闭包,于是在堆空间创建换一个“closure(foo)”的对象(这是一个内部对象,JavaScript 是无法访问的),用来保存 myName 变量。
  • 接着继续扫描到 getName 方法时,发现该函数内部还引用变量 test1,于是 JavaScript 引擎又将 test1 添加到“closure(foo)”对象中。这时候堆中的“closure(foo)”对象中就包含了 myName 和 test1 两个变量了。
  • 由于 test2 并没有被内部函数引用,所以 test2 依然保存在调用栈中。
    总的来说,产生闭包的核心有两步:第一步是需要预扫描内部函数;第二步是把内部函数引用的外部变量保存到堆中。

refer to
https://time.geekbang.org/column/article/129596

相关文章

  • js栈空间和堆空间

    JavaScript 是动态语言。动态意味着你可以使用同一个变量保存不同类型的数据。在声明变量之前需要先定义变量类...

  • c#中的堆与栈

    简介:我们把内存分为堆空间和栈空间线程堆栈:简称栈 Stack 栈空间比较小,但是读取速度快托管堆:...

  • 5.堆和栈

    1. 简介: 我们把内存分为堆空间和栈空间 栈空间比较小,但是读取速度快堆空间比较大,但是读取速度慢 2. 栈: ...

  • 面向对象(三)-内存分析:堆与栈

    1.内存 我们把内存分为堆空间和栈空间 栈空间比较小,但是读取速度快堆空间比较大,但是读取速度慢 2.栈(stac...

  • Swift中堆(heap)和栈(stack)的区别

    1、内存空间分为堆空间和栈空间 2、堆->引用类型(对象、函数、闭包) 栈->值类型(结构体、枚举、元组) 3、...

  • C#小笔记之堆和栈(GC)

    我们把内存分为堆空间和栈空间 栈空间比较小,但是读取速度快 堆空间比较大,但是读取速度慢 GC Garbage C...

  • v8引擎垃圾回收机制-内存与结构

    v8引擎内存结构 内存分配:栈空间,堆空间 栈空间:代码运行的环境(逻辑运行的环境 堆空间:所有函数和引用类型数据...

  • 13、堆和栈,值类型和引用类型

    1. 简介: 我们把程序运行时的内存分为堆空间和栈空间 栈空间比较小,但是读取速度快堆空间比较大,但是读取速度慢 ...

  • 变量提升

    堆内存 & 栈内存 JS中的内存一共两种:堆内存和栈内存 堆内存 作用:用来存储引用数据类型值的内存空间叫做堆内存...

  • 2018-01-03三题

    1.堆内存和栈内存的区别是什么? 线程的堆内存空间是共享的,栈内存空间才是独立的(堆共享,栈独立)。 2.wait...

网友评论

      本文标题:js栈空间和堆空间

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