“原子”操作受到异步 ajax 回调的干扰

Question

我知道，在同一个句子中使用 JavaScript 和“原子”这两个词都有点奇怪，因为 JavaScript 被认为是异步的，因此不是很原子。

//编辑 这是我这边的一个错误！通过让警报消失（并在 Chrome 中隐藏更多警报），它会快速中断并让其他代码飞翔。 JavaScript 是单线程的。

快速 ->实际问题； 在什么情况下我们可以避免异步回调中断，以及如何防止某些代码块发生异步回调中断？

长->我的场景； 我的整个应用程序是非常递归的，会触发许多 ajax 请求，在返回时，会触发更多的递归函数，这些函数可能会触发更多的 ajax 请求。 在我的代码中，我对数组进行了一些非常关键的操作，这些操作必须在下一个操作发生之前完成（尽管是简单的推送/拼接逻辑）。

我遇到了一个问题，我获取了数组中键的索引并将其保存在变量中。然后我将它与 -1 进行比较，如果这是真的，我就拼接（不仅仅是取消设置）数组中的元素。 现在，在获取索引和拼接之间，异步回调返回结果并开始递归，然后通过添加/删除更多项目来更改数组（并弄乱我之前获得的索引值）。

这是旧代码；

if ( this.dataset && (index=this.dataset.children.indexOf(child.key) )!==-1 ){
    console.log("removed from dataset!");
    //<=== AJAX Call Returns and adds/removes items from the array
    this.dataset.children.splice(index, 1); //goes bad, because index not good anymore
    ...
}

这是“工作”，但不是优化的代码，

if ( this.dataset && (index=this.dataset.children.indexOf(child.key) )!==-1 ){
    console.log("removed from dataset!");  
    //<=== AJAX Call Returns and adds/removes items from the array
    //Problem solved, since I'm getting the index again
    this.dataset.children.splice(this.dataset.children.indexOf(child.key), 1);
    ...
}

我只是简单地再次搜索索引并直接将其拼接起来。

我的一般问题是，在什么情况下我们可以避免异步回调中断，以及如何防止某些代码块发生异步回调中断？

StackOverflowers 的朋友们，我的具体问题是，理论上，ajax 回调是否可以在返回索引的 indexOf 函数和切割数组的 splice 函数之间调用。

感谢您的帮助

p.SI 我知道，我只需取消设置数组字段即可解决我的索引问题。但这不是我想要的，因为我正在序列化该信息并且不想要百分之一的空条目。找到解决此类情况的通用方法是我的目标:)

Answer 1

JavaScript 本质上是单线程的。这意味着如果 AJAX 响应到达或应触发超时/间隔但其他代码正在运行，则响应回调/超时将等待。

这是 node.js 选择 JavaScript 的主要原因之一。

另请参阅：

• 是否有原子 JavaScript 操作来处理 Ajax 的异步特性？

Answer 2

JavaScript 完全是单线程的。

异步回调只能在没有其他代码使用消息队列（如 Windows 消息）运行时运行。
所有代码都在 UI 线程上运行，并且您的代码永远不会在中间中断（“无响应脚本”警告除外）

请注意，Javascript 确实支持使用 HTML5 Web Workers 的真正多线程。