美文网首页
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栈空间和堆空间

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