我有以下问题:
假设我有一个函数,该函数根据收到的参数处理数组以对其进行处理。所以像这样:
var arr = [];
function processArr(p1, p2, ....){};
P1、P2 等是从服务器接收的,因此我们可以:
processArr(<?php echo $p1; ?>, <?php echo $p2; ?>, ...)
processArr(<?php echo $p1; ?>, <?php echo $p2; ?>, ...)
processArr(<?php echo $p1; ?>, <?php echo $p2; ?>, ...)
processArr(<?php echo $p1; ?>, <?php echo $p2; ?>, ...)
processArr(<?php echo $p1; ?>, <?php echo $p2; ?>, ...)
它实际上是一个php,但并不重要。
问题:js 同时处理调用(不是完全同时但足够接近(,而不是一个接一个。因此,如果在第一次调用中我将一个元素添加到数组中(然后是其他一些处理(,并且在第二次调用中我尝试删除该元素,则在删除时该元素不存在,因为它尚未添加。
如何进行第二次调用以等待第一次调用完成?
新增功能:
function processSaved(act, params)
{
if (act == 1)
{
var newUser = params;
if (user.id == newUser.id)
user = clone(newUser);
activeElementIndex = i;
// Go to the next level from the active element level
var newLevel = newUser.level;
// Set current level
currentLevel = Math.max(currentLevel, newLevel);
// Create new object and push it to elements array
var obj = newUser;
elements.push(obj);
activeElementIndex = newUser.parent;
// Add element to order list
if (orderElements.length + 1 > newLevel)
{
var added = 0;
for (var i = 0; i < orderElements[newLevel - 1].el.length; i++)
{
if (elements[activeElementIndex].column < elements[elements[orderElements[newLevel - 1].el[i]].parent].column)
{
orderElements[newLevel - 1].el.splice(i, 0, elements.length - 1);
added = 1;
break;
}
}
if (added == 0)
orderElements[newLevel - 1].el.push(elements.length - 1);
}
else
{
var tmp = new Array();
tmp.push(elements.length - 1);
var obj = {"el": tmp};
orderElements[newLevel - 1] = obj;
}
flagCreate = 1;
actions.push(newUser);
// Call the rearange function
rearangeElementsWithoutRedraw();
}
else if (act == 0)
{
activeElementIndex = params.index;
deleteNode();
}
return true;
}
第一次调用时 act = 1。第二个是用 act = 0 制作的。如果我在第二次调用中添加超时,假设 0.5 秒,一切正常。如果不是,我在删除时出现错误,因为元素不存在。这表明第二次调用是在第一次完成之前进行的。
JS不并行调用函数。processArr
函数按顺序执行。
这显然假设您不会简单地启动例如函数中的 AJAX 请求 - 如果您这样做,下一个函数显然不会等待请求完成(直到它是同步的(。
发现问题。我正在使用的库(raphaeljs(进行了异步调用。很抱歉浪费了时间:)。