比如js中执行如下的循环遍历时,让浏览器不会假死状态,如何实现异步?好像可以用jquery中的Deffered方法,但不太会用。恳请各位高手给个有效的办法。
var Connect = function () {
for (var i = 1; i < 1000; i++) {
for (var j = 1; j < 1000; j++) {
for (var k = 1; k < 5000; k++) {
var b = k * 100;
}
}
}
};
方案1:针对支持html5 webworker的现代浏览器方案:。
代码1.你的大量计算,放到一个js文件中。如下:
//job.js你的页面代码:
方案2:对于不支持WebWorker线程的浏览器。
可以考虑分批处理。即是说创造一个间隔定时器setInterval。
每隔一小段时间,处理大量数据中的一部分。
这样就可以避免大量计算导致浏览器卡死。
大致代码如下(这里是简单的例子。具体情况具体分析。):
假设我们要计算1000万个数据的和。
var jobData = [];//假设是一个数组。里面有1000万个数据。
此外。jQuery的deferred对象无法实现你的要求。
因为deferred对象的目的是为了串行处理异步过程。
但是异步过程在执行的过程中,如果耗时过长,仍然会阻塞浏览器线程,导致浏览器不可操作(卡死)。
唯一的一个例外是$.ajax。$.ajax方法也会返回一个Deferred对象。但是由于该异步过程是用的XMLHttpRequest。而xhr默认是异步执行的,相当于另起一个线程,因此不会阻塞浏览器县城。
追问谢谢了,我先研究一下再说。
追答嗯。总之正常情况下最好不要让浏览器去进行大量计算操作。
如果确实有这种要求,首先优化一下循环结构。
再考虑分段处理。让浏览器执行线程有时间缓过神来处理用户的其他输入,如鼠标点击,输入框输入等。不至于让用户感觉浏览器卡死。
另外,再问一下,jQuery中好像有个.queue方法,能否帮助用来解决我的问题呢?
追答.queue是处理动画队列的吧。jQuery没有任何解决大量数据处理的方案的。
jQuery主要是dom操作、ajax、事件这样常用的处理。
你的这种需求是没有什么通用的函数解决方案的。
您说的很对啊,我也试了,使用deffered对象只是跟回调函数有关,页面还是被卡住的。我们现在的实际情况是,这个操作可能不能放在后台执行,因为服务端是嵌入式系统,会占用大量内存,所以还是得在前台执行,我再试着优化一下js 代码把。谢谢。
本回答被网友采纳ajax是异步调用服务端的方法,我现在这个是执行一段js代码
追答那你只能 优化你的js算法