JavaScript 性能优化实战

一、代码执行效率优化

1. 减少全局变量的使用

全局变量在 JavaScript 中会挂载在全局对象（浏览器环境下是window，Node.js 环境下是global）上，频繁访问全局变量会增加作用域链的查找时间。

// 反例：使用全局变量
var globalVar = 'example';
function someFunction() {
    console.log(globalVar);
}

// 正例：通过函数参数传递
function betterFunction(localVar) {
    console.log(localVar);
}
betterFunction('example');

将变量定义在函数内部，利用函数作用域，减少查找层级，提升访问速度。

2. 避免不必要的循环嵌套

循环嵌套会导致时间复杂度呈指数级增长，尽量简化循环逻辑。

// 反例：多层循环嵌套
for (let i = 0; i < 1000; i++) {
    for (let j = 0; j < 1000; j++) {
        // 执行复杂操作
    }
}

// 正例：减少循环嵌套
const data = [];
for (let i = 0; i < 1000000; i++) {
    data.push(i);
}
data.forEach(item => {
    // 处理单个数据
});

使用forEach、