示例1：合理使用数据类型
如果只需要存储简单的值，优先使用原始数据类型，因为它们访问速度快且占用内存少。例如：
// 不推荐：使用数组或对象存储单个值
let data = [10]; // 使用数组存储单个数字
let name = { value: "Alice" }; // 使用对象存储单个字符串
// 推荐：直接使用原始数据类型
let number = 10; // 使用原始数据类型存储数字
let name = "Alice"; // 使用原始数据类型存储字符串
解释：
- 使用数组或对象存储单个值会增加内存占用（因为需要额外的引用和结构），并且访问速度会比直接使用原始数据类型慢。
- 原始数据类型直接存储在栈内存中，访问速度快，适合存储简单的值。
示例2：避免不必要的引用
如果不再需要某个引用类型的对象，可以手动将其引用设置为 null，帮助垃圾回收器更快地释放内存。
// 创建一个大型数组
let largeArray = new Array(1000000).fill(0);
// 使用完后，手动释放引用
largeArray = null;
解释：
largeArray是一个占用大量内存的数组。- 当不再需要这个数组时，将其引用设置为
null，这样垃圾回收器可以更快地识别到该数组不再被使用，从而释放其占用的内存。
示例3：避免内存泄漏
场景1：全局变量导致的内存泄漏
全局变量会一直占用内存，直到页面关闭。因此，尽量避免使用全局变量，或者在使用后及时清理。
// 不推荐：使用全局变量
function createLargeObject() {
globalObject = new Array(1000000).fill(0); // 全局变量
}
createLargeObject();
console.log(globalObject.length); // 1000000
// 推荐：使用局部变量，并在不需要时清理
function createLargeObject() {
let localObject = new Array(1000000).fill(0); // 局部变量
// 使用完后清理
localObject = null;
}
createLargeObject();
解释：
- 全局变量
globalObject会一直占用内存，直到页面关闭。 - 局部变量
localObject在函数执行完毕后会被自动清理，避免了不必要的内存占用。
场景2：事件监听器导致的内存泄漏
绑定事件监听器时，如果不手动解绑，可能会导致内存泄漏，因为事件监听器会一直引用绑定的元素。
// 不推荐：绑定事件监听器但不清理
function setupEventListeners() {
const button = document.getElementById("myButton");
button.addEventListener("click", function() {
console.log("Button clicked");
});
}
setupEventListeners();
// 推荐：在不需要时解绑事件监听器
function setupEventListeners() {
const button = document.getElementById("myButton");
const clickHandler = function() {
console.log("Button clicked");
};
button.addEventListener("click", clickHandler);
// 在不需要时解绑
button.removeEventListener("click", clickHandler);
}
setupEventListeners();
解释：
- 如果不手动解绑事件监听器，
button和clickHandler会一直被引用，导致内存泄漏。 - 使用
removeEventListener解绑事件监听器后，垃圾回收器可以释放它们占用的内存。
场景3：闭包导致的内存泄漏
闭包可能会意外地引用外部变量，导致内存泄漏。
// 不推荐：闭包意外引用外部变量
function createClosure() {
const largeArray = new Array(1000000).fill(0);
return function() {
console.log("Closure created");
};
}
const closure = createClosure();
closure(); // 使用闭包
// largeArray 仍然被闭包引用，无法被垃圾回收
// 推荐：避免闭包引用不必要的变量
function createClosure() {
return function() {
console.log("Closure created");
};
}
const closure = createClosure();
closure(); // 使用闭包
// 没有引用外部变量，不会导致内存泄漏
解释：
- 在第一个例子中，
largeArray被闭包意外引用，导致无法被垃圾回收。 - 在第二个例子中，闭包没有引用任何不必要的变量，避免了内存泄漏。
通过这些代码示例，我们可以看到合理使用数据类型、避免不必要的引用以及及时清理资源，可以有效优化内存使用并避免内存泄漏。
