zoukankan      html  css  js  c++  java
  • 1.5 关于内存释放和作用域销毁的研究

    // 堆内存

    var obj1 = {name:'张三'}
    var obj2 = obj1
    // 我们想要让堆内存释放/销毁,只需要把所有引用它的变量赋值为null即可,如果当前的堆内存没有任何东西被占用了,那么浏览器会在空闲的时候把它销毁
    obj1 = null;
    obj2 = null;

    对象数据类型或者函数数据类型在定义的时候首先都会开辟一个堆内存,堆内存有一个引用的地址,如果有变量等知道了这个地址,我们就说这个内存被占用了,就不能销毁了

    // 栈内存

      全局作用域

        只有当页面关闭的时候全局作用域才会销毁

      私有作用域(只有函数执行会产生私有的作用域)

        一般情况下,函数执行会形成一个新的私有的作用域,当私有作用域中的代码执行完成后,我们当前作用域都会主动的进行释放和销毁

        但是还是存在特殊的情况的:当前私有作用域中的部分内存被作用域以外的东西占用了,那么当前的作用域就不能销毁了

        1.函数执行返回了一个引用数据类型的值,并且在函数的外面被一个其他的东西给接收了,这种情况下一般形成的私有作用域都不会销毁

    function fn () {
        var num = 100
        return function () {
            
        }
    }    
    var f = fn() // fn执行形成的这个私有的作用域就不能再销毁了

         2.在一个私有的作用域中给dom元素的事件绑定方法,一般情况下我们的私有作用域都不销毁

    <div id="div1">点击事件</div>
    var oDiv = document.getElementById("div1");
    ~function() {
        oDiv.onclick = function () {
    
        }
    }

      3.下述情况属于不立即销毁,->fn返回的函数没有被其他东西占用,但是还需要在执行一次,所以暂时不销毁,当返回的值执行完成后,浏览器会在空闲对的时候把它销毁了 ->"不立即销毁"

    function fn () {
      var num = 100;
      return function () {}
    }
    fn()() //首先执行fn,返回一个小函数对应的内存地址,然后紧接着让返回的小函数在执行
  • 相关阅读:
    Vue实战笔记
    项目随笔
    Vuex数据可视化
    Vue项目中,要保证某个部分的高度,应该怎么设置
    (转)http authorization 基本认证
    多页应用和单页应用
    Vue项目中使用webpack配置了别名,引入的时候报错
    [转载]解决在win10中webstrom无法使用命令行(Terminal)
    (转)巧用可视区域
    前端管理后台集成解决方案---vue-element-admin
  • 原文地址:https://www.cnblogs.com/z-dl/p/8708220.html
Copyright © 2011-2022 走看看