Blazor中含if内await Task.Delay的方法点击加速后应用冻结问题

核心问题原因 #

点击Finish按钮后应用冻结的根本原因是：当Accelerating设为true时，Bubble方法里的while循环失去了异步等待逻辑，变成了完全占用UI线程的同步死循环。Blazor的UI渲染和用户交互依赖同一个线程，这个线程被无限循环霸占后，无法处理任何新请求，直接导致应用无响应。

另外，Bubble方法使用async void也是潜在隐患：这种返回类型仅适用于UI事件处理方法，在普通方法中使用会导致Blazor无法正确跟踪异步操作状态，也无法处理异步异常，进一步加剧了线程阻塞的风险。

修复方案 #

1. 修正异步方法返回类型
   把Bubble的返回类型从async void改为async Task，同时Sort方法也要改为async Task，确保异步操作能被正确跟踪：

public async Task Sort()
{
    Sorting = true;
    await Bubble();
}

public async Task Bubble()
{
    while (!IsSorted(List))
    {
        // 排序算法逻辑
        StateHasChanged();
        if (!Accelerating)
        {
            var delayTime = (Speed - MAX_SPEED) * -1;
            await Task.Delay(delayTime == 0 ? 1 : delayTime);
        }
        else
        {
            // 让出UI线程，避免死循环阻塞
            await Task.Yield();
        }
    }
    Sorting = false;
    Accelerating = false;
    StateHasChanged();
}

2. 添加线程让出逻辑
   在Accelerating为true的分支中加入await Task.Yield()，这个方法会让当前异步操作暂停，把控制权交还给UI线程，让Blazor有机会处理按钮点击、UI更新等其他任务，避免线程被无限循环完全占用。

3. 优化状态更新逻辑
   修正后的异步方法结构能更好地配合Blazor的状态更新机制，确保StateHasChanged()调用后UI能及时响应状态变更。

内容的提问来源于stack exchange，提问作者user16032218