我正在处理客户端脚本,需要进行繁重的计算,例如将大量对象推送到数组中,这会导致 JavaScript 停止响应并且浏览器挂起并发出警报:
是否有任何最佳实践或设计模式来处理这些计算,我搜索并找到许多不同的方法来处理这些情况,但解决方案很难实现,所以我需要最佳实践并且易于理解?
(我只是编写代码,但我需要一个跨浏览器的通用解决方案,即多线程等)
示例代码(系列包含数千个对象):
for (var series = 0; series < chartObj.masterChart.series.length; series++) {
var detailData = [];
jQuery.each(chartObj.masterChart.series[series].data, function (i, point) {
if (point.x >= chartObj.RangeSelectedMinValue && point.x <= chartObj.RangeSelectedMaxValue) {
detailData.push({
x: point.x,
y: point.y
});
}
});
chartObj.detailChart.series[series].setData(detailData);
}
好的,看看您的代码,您可以优化一些内容:
var s = chartObj.masterChart.series, // #1
sLength = s.length, // #2
chartMin = chartObj.RangeSelectedMinValue,
chartMax = chartObj.RangeSelectedMaxValue;
for (var series = 0; series < sLength; series++) {
var detailData = [],
data = s[series].data, // #3
length = data.length; // #2
for(var i = 0; i < length; i++){ // #4
var point = data[i];
if (point.x >= chartMin && point.x <= chartMax) {
detailData.push({
x: point.x,
y: point.y
});
}
}
chartObj.detailChart.series[series].setData(detailData);
}
- 您在 ChartObj 中多次获得相同的“更深”对象 --> 将其分配给临时变量;
- 不要计算循环每次迭代的长度。与#1原理相同
- Assign
s[series].data
到一个临时变量。这提供了指向数据的直接指针,而不必访问s[series].data
循环的每次迭代。与#1原理相同
- jQuery 很慢。对于简单的循环,请使用 JavaScript,尤其如果你正在遍历一个巨大的物体。
我并不是说这个编辑会创造奇迹,但它应该会减少一点负载。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)