避免在匿名异步函数中变得不确定

Question

我遇到了一个问题，因为jQuery在for循环中变得不确定。我找到了一个解决方案，但是我试图理解问题的原因。当然，我愿意反馈我的编程风格和选择。无论如何，我离题...

背景

在浏览器中完成的资产管理系统中，在书签上工作，以自动化一项繁琐的任务。我想这样做有一百万个更好的方法，但是由于技术和政治约束，不能。

自动化的任务很长，必须重复多次，因此必须是无障碍物，因此可以使用进度栏更新DOM。

问题

以下代码可用于单个迭代。但是，在连续的迭代中，由于UI_Progressbar中需要jQuery，因此jQuery变得不确定，这会导致代码崩溃。

ui_render完成后，$变为未定义，但是我不知道为什么可能是这种情况。

async function UI_Render()
{
    return new Promise(resolve => setTimeout(resolve, 10)); 
}

//i = [0,100] is for the example.
for(let i = 0; i <= 100; i++)
{
    await DoStuff(i);
    await UI_ProgressBar(i).then(async function () {
        await UI_Render();
    });
}

临时解决方案

当前我的临时解决方案是使用临时变量容纳jQuery，但这不是理想的。

async function UI_Render(){
    let v = $;
    var p = new Promise(resolve => setTimeout(resolve, 10)); 
    $ = v;
    return p; 
}

如果要测试代码，这里是可以粘贴到开发人员控制台的原始提取物： https：// pastebin。 com/3ajvcc7u