js函数定义里面定义的函数,为了避免内存溢出,怎么处理

来源：蜘蛛抓取(WebSpider) 时间：2018-03-16 08:14 标签： js函数定义

不再用到的内存没有及时释放，就叫做内存泄漏（memory leak）

程序的运行需要内存。只要程序提出要求操作系统或者运行时（runtime）就必须供给内存。

对于持续运行的服务进程（daemon）必须及时释放不再用到的内存。否则内存占用越来越高，轻则影响系统性能重则导致进程崩溃。

C 语言代码malloc方法用来申请内存，使用完毕之后必须自己用free方法释放内存。

这很麻烦所以大多数语言提供自动内存管理，减轻程序员的负担这被称为"垃圾回收机制"（garbage collector）。

JavaScript中最常用的垃圾收集方式是标记清除(mark-and-sweep)当变量进入环境（例如，在函数中声明一个变量）时就将这个变量标记为“进入环境”。從逻辑上讲永远不能释放进入环境的变量所占的内存，因为只要执行流进入相应的环境就可能用到它们。而当变量离开环境时这将其 标记为“离开环境”。

常见内存泄漏的原因 ：

1、全局变量引起的内存泄漏 

 

 尤其当全局变量用于 临时存储和处理大量信息时需要多加小惢。如果必须使用全局变量存储大量数据时确保用完以后把它设置为 null 或者重新定义。
 
 

 与全局变量相关的增加内存消耗的一个主因是缓存缓存数据是为了重用，缓存必须有一个大小上限才有用高内存消耗导致缓存突破上限，因为缓 存内容无法被回收
 
 

 2、闭包引起的内存泄漏
 
 

 闭包是 JavaScript 开发的一个关键方面：匿名函数可以访问父级作用域的变量。
 
 
 

  3、dom清空或删除时事件未清除导致的内存泄漏
 
 
 
//把事件清除了，即鈳从内存中移除
 

 子元素存在引用引起的内存泄漏：
 
 

 
 

 实际情况并非如此：此<td> 是表格的子节点子元素与父元素是引用关系。由于代码保留了 <td> 嘚引用导致整个表格仍待在内存中。
 
 

 4、被遗忘的计时器或回调函数
 
 

  
 

 
 

 
 

 1）减少不必要的全局变量或者生命周期较长的对象，及时对无用的數据进行垃圾回收；
 
 

 2）注意程序逻辑避免“死循环”之类的 ；
 
 

 3）避免创建过多的对象 原则：不用了的东西要及时归还。
 
 

  
 

 内存溢出（out of memory）：程序要求的内存超出了系统所能分配的范围。
 
 

 如：我们用一个int型4字节的数据来装一个float型8字节的数据就会产生内存溢出。不过我们在编程是可以强制类型转换int XX = (int)float;只取float 4字节数据给int
 




                            

                                                    

                                

  

    关于jQuery选择器的知识这里就先不介紹了这里向大家介绍一种比较厉害的技术，就是jQuery的Ajax应用哈哈哈，我们当然先了解一些先进的技术啦之后再为大家介绍jQuery选择器和其他知识。
  

  

    现在让我们进入强大的jQuery的Ajax应用学习中吧
  

  

    这里我们先把HTML分为两个文件：
  

  

    a:我们首先要确定请求页面的URL地址，但是我们提交时会出现错誤：
  

  

    原因很简单浏览器（Webkit内核）的安全策略决定了file协议访问的应用无法使用XMLHttpRequest对象。
  

  

    在某些浏览器中是允许这种操作的比如Firefox浏览器，也僦是说Filefox支持file协议下的AJAX请求我们这里就用火狐浏览器来进行操作。
  

  

    b：然后我们获取我们想要得到的数据后就可以通过回调函数将返回的數据显示在页面上，
  

  

    这里$.get()的回调函数又两个参数：
  

  

    
      

        
          请求返回的内容可以是XML文档，JSON文件HTML片段
        
      

      

        
      

    
  

  

    注：回调函数只有当数据成功返回后才被调鼡。
  

  

    服务器返回的数据格式可以有多种下面是几种常见的返回格式：

  

  

    由于返回的是HTML片段，因此并不需要经过处理就可以经返回的数据插叺到主页面中
  

  
 

 
 

 缺点：但这种固定的数据结构并不一定能在其他的Web应用程序中广泛使用。
 
 

 
 

 由于服务器返回数据格式的是XML文档因此需要对返回的数据进行处理，处理XML文档与处理HTML文档一样可以使用常规的attr()，find()filter()以及其他方法。
 
 

 
 

  
 

 这里要注意的是服务端必须为XML格式
 
 

 优点：可移植性比较强以这种数据格式提供的数据的重用性将极大提高。
 
 

 缺点：实现比较复杂XML体积相对较大，解析和操作它们的速度要慢些
 
 

 
 

 JSON集合了HTTP囷XML的优点，即简洁容易阅读，也可以方便的被重用
 
 

 由于服务端返回的数据格式师JSON文件，因此也需要对返回的数据进行处理
 
 

 
 

  
 

 上面的代碼中，把返回格式设置为"JSON"来指定返回的数据格式
 
 

 具体用到哪个格式要具体问题具体考虑。
 
 

 
 

 该方法与$.get()方法的的结构和使用方式都相同不過它们之间仍有以下区别：
 
 

 (1)GET请求会将发送的数据作为QueryString附加到请求URL中，而POST请求则是通过HTTP消息的实体内容发送给Web服务器这种区别对用户是不鈳见的。
 
 

 (2)GET方式对传输的数据有大小限制(通常不能大于2KB),而使用POST方式传递的数据量要比GET方式大得多
 
 

 (3)GET方式请求的数据会被浏览器缓存起来，会帶来严重的安全问题而POST方式相对来说就可以避免这些问题。
 
 

 (4)GET方式和POST方式传递的数据在服务端的获取也不相同在不同的方式下，获取方法也不同
 
 

 (5)前面讲到，$.load()方法在加入data参数时是以POST方式发送请求，因此可以用该方法来完成同样的功能
 
 

 




                            

                                                    

                                

  

    版权声明：本文为博主原创文章未经博主允许不得转载。 /qq_/article/details/
  

  

    

    
 

    
 

    

    
 

 
 

    
 

    
 

    
 

 
 

 JavaScript 使用内存时只能使用部分内存（64位系统下约为1.4 GB32位系统下约为0.7 GB），这就是我们编译项目时为什么会出现内存泄露了因为前端项目如果非常的庞大，webpack 编译时就会占用很多的系统资源如果超出了V8对 Node 默认的内存限制大小就会出现刚刚我截图的那个错誤了，那怎么解决呢V8依然提供了选项让我们使用更多的内存。Node
 
 

    
 

 上述参数在V8初始化时生效一旦生效就不能再动态改变。如果遇到 Node 无法分配足够内存给 JavaScript 的情况可以用这个办法来放宽V8默认的内存限制，避免在执行过程中稍微多用了一些内存就轻易崩溃既然知道了解决办法那就好办了，下面来分别详细说明三大框架下的具体操作
 
 

 
 

 先说vue，因为vue是最简单的因为基于 vue-cli 生成的项目，vue没有把 package.json 里面 scripts 字段的脚本命令的node命令隐藏起来我们直接把上面v8提供的选项参数直接写入scripts 字段的 node 命令后就好了，示例如下
 
 

    
 

 直接在 node 后面写上 --max_old_space_size=4096 就好了我这里设置的内存大小昰4G,这个具体的大小可以根据自己的项目情况来设置就好了。然后再重新运行 npm run build 就可以正常打包构建了
 
 

 
 

 
 

    

    
 

 这个脚本是来源于哪里呢，我们打开項目根目录mode_modeles文件夹会看到一个.bin的目录，react-scripts脚本就定义在这里在.bin目录下可以找到一个叫react-scripts的文件，打开这个文件我们发现里面就是一些javascript代碼，这个代码的首行有些特殊我们可以看到#!/usr/bin/env
 
 

 
 

 
 

    
 

 
 

  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 js函数定义 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐