JavaScript也谈内存优化

为什么要进行内存优化？

JavaScript代码执行时会占用计算机的内存空间，当JavaScript代码执行完毕后，内存空间会被释放。但如果我们的代码存在内存泄漏等问题，那么内存空间就不会被释放，直到浏览器或者计算机崩溃。

而进行内存优化，则可以有效减少内存泄漏等问题的出现，让我们的代码更健壮、更高效地执行。

如何进行内存优化？

1. 变量的定义与使用

JavaScript中的变量可以通过var、let、const等方式进行定义，其中，let与const是相对较新的关键字。相比于var，let与const具有更严格的作用域规范和更少的变量提前声明等特点，在避免变量被误用或重复定义等方面更加优秀。

同时，在变量的使用方面，我们也需要注意。我们需要尽可能少地使用全局变量，因为全局变量会一直存在于内存中，并且容易被误用，增加代码风险性。而在需要使用全局变量的时候，我们需要将其定义为命名空间变量，以避免与其他全局变量重名。

2. 对象的使用与释放

在创建对象的时候，我们需要遵循“小而精”的原则，尽可能避免定义过多的成员变量或者嵌套过深的成员对象。同时，在对象使用完毕后，我们需要及时进行释放。

// 错误示例：对象成员过多
var user = {
  name: "Tom",
  age: 20,
  email: "tom@example.com",
  address: {
    province: "Guangdong",
    city: "Shenzhen",
    street: "Nanshan"
  }
};
// 正确示例：小而精的对象
var user = {
  name: "Tom",
  age: 20,
  email: "tom@example.com",
  address: "Guangdong, Shenzhen, Nanshan"
};
// 正确示例：对象释放
var user = {
  name: "Tom",
  age: 20,
  email: "tom@example.com",
  address: "Guangdong, Shenzhen, Nanshan"
};
// 使用user对象
...
// 释放user对象
user = null;

3. 循环和迭代器

在循环或者迭代器使用中，我们需要尽可能减少循环或者迭代次数，让程序更高效地执行。同时，在循环或者迭代过程中，我们也需要及时释放不再需要的对象。

// 错误示例：循环次数过多
for (var i = 0; i < 100000; i++) {
  // do something ...
}
// 正确示例：循环次数减少
for (var i = 0; i < 100; i++) {
  // do something ...
}

// 错误示例：迭代过程中创建大量临时对象
let arr = [1, 2, 3, 4, 5];
for(let i in arr) {
    let item = arr[i];
    // do something ...
}
// 正确示例：使用forEach避免临时变量的创建
let arr = [1, 2, 3, 4, 5];
arr.forEach(function(item) {
    // do something ...
});