js变量的作用域、生命周期和内存泄漏

网站长时间闲置，页面会崩溃，一种可能原因是内存泄漏。js是一种垃圾回收语言，但是变量不规范的声明和使用，容易导致变量在声明使用后，一直占据着操作系统的内存，网页一直运行就导致内存占用率上升，最后网页进程崩溃。

js会默认将未声明的变量升级成全局变量，全局变量只有在程序结束时才会被销毁。var也是将变量定义为全局变量。

let是将变量声明为局部变量，一般在循环或者函数内使用，let声明的变量只在循环或是函数的代码块里存在，一旦循环或是函数结束调用，这种变量即被销毁，内存也被释放。

const是将变量声明成常变量，在代码块中声明，类似于let，也是随着代码块的创建而存在，随着代码块的销毁而销毁。但是const也可以将变量声明成全局常变量。const声明的变量相当于常量存在，所以声明之后不能再对其赋值。

变量的生命周期代表着变量所占用的内存何时被分配，何时被销毁。所以要格外注意变量的声明和使用是否规范。

变量的作用域代表着变量在哪些代码中起作用，一般将变量的作用域限制在某一代码块中，避免在创建、使用和销毁变量的时候，导致程序出现异常。

在项目开发中，避免定义全局变量，let和const是常用选项。还有，为了保证代码的可维护性，尽量将共用的代码抽离封装成函数。功能与功能之间要分清楚，每一个功能写成独立的函数，降低程序的耦合度，这样在修改某一功能时，也可以避免其他功能块的异常，避免还需要同时修改其他功能。

变量的不规范声明是导致内存泄漏的一种原因。大多数是意外的全局变量创建后一直未被销毁。要防止这类错误发生，一方面要规范自己的变量使用，现在也可以将'use strict‘加在js文件的开头，这样js会严格解析代码防止意外的全局变量。

被遗忘的计时器或回调函数也会导致内存泄漏。所以在使用它们时一定要显式调用，显式关闭。

脱离DOM的引用也是导致内存泄漏的原因。有时，将DOM节点存储在数据结构中可能很有用。 假设要快速更新表中多行的内容。 在字典或数组中存储对每个DOM行的引用可能是有意义的。 当发生这种情况时，会保留对同一个DOM元素的两个引用：一个在DOM树中，另一个在字典中。 如果在将来的某个时候，您决定删除这些行，则需要使这两个引用不可访问。

闭包：从父作用域捕获变量的匿名函数，由于js运行时的实现细节，可能以一种微妙的方式泄漏内存