本文讨论了在执行冗长for循环时如何优化代码结构，减少DOM操作和数组遍历次数，提升程序运行效率。通过实例对比了两种写法的性能差异，强调了变量预定义和局部作用域的重要性。
当执行冗长的for语句时，要保持语句块的尽量简洁，例如：
糟糕！！
for(var i = 0; i < someArray.length; i++) {
var container = document.getElementById('container');
container.innerHtml += 'my number: ' + i;
console.log(i);
}
这样每次循环都要计算数组的长度，并且每次都要遍历dom查询“container”元素——效率严重地下！
建议！！
var container = document.getElementById('container');
for(var i = 0, len = someArray.length; i < len; i++) {
container.innerHtml += 'my number: ' + i;
console.log(i);
}
糟糕！！
for(var i = 0; i < someArray.length; i++) {
var container = document.getElementById('container');
container.innerHtml += 'my number: ' + i;
console.log(i);
}
这样每次循环都要计算数组的长度，并且每次都要遍历dom查询“container”元素——效率严重地下！
建议！！
var container = document.getElementById('container');
for(var i = 0, len = someArray.length; i < len; i++) {
container.innerHtml += 'my number: ' + i;
console.log(i);
}
扫一扫
82
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
