如何让按钮触发的异步任务按启动顺序执行且不阻塞UI

原代码存在两个核心问题：

• List<string> 不是线程安全集合，多次快速点击按钮触发的异步任务会并发修改该列表，导致条目重复、混乱。
• 未对按钮点击的异步请求做串行化处理，多个任务同时执行，共享状态被交叉修改。

解决思路 #

1. 串行化异步请求：用Task变量跟踪上一次的异步操作，每次新请求都等待上一次完成后再执行，保证执行顺序与点击顺序一致。
2. 避免共享可变状态：每次执行任务时创建独立的本地列表，替代全局共享的ListNumber，从根源避免并发冲突。
3. 优化异步写法：移除不必要的Task.Run，直接异步调用方法，减少线程切换开销，同时不阻塞UI。

修改后的代码示例 #

public Form1()
{
    InitializeComponent();
    // 初始化跟踪上一个任务的变量，初始为已完成状态
    _previousTask = Task.CompletedTask;
}

// 用于跟踪上一次的异步操作，保证请求串行执行
private Task _previousTask;

private async void button1_Click(object sender, EventArgs e)
{
    // 禁用按钮防止重复点击（可选，提升用户体验）
    button1.Enabled = false;
    try
    {
        // 将新任务追加到任务链，确保上一个任务完成后再执行当前任务
        _previousTask = ExecuteTaskAsync();
        textBox1.Text = await _previousTask;
    }
    finally
    {
        button1.Enabled = true;
    }
}

private async Task<string> ExecuteTaskAsync()
{
    // 创建本地列表，避免共享状态冲突
    var localList = new List<string>();
    await NumberAsync(localList);
    
    var concat = string.Join(", ", localList);
    return concat;
}

private async Task NumberAsync(List<string> targetList)
{
    for(int i = 0; i < 30; i++)
    {
        targetList.Add(i.ToString());
        await Task.Delay(300);
    }
}

关键说明 #

• 请求串行化：通过_previousTask = ExecuteTaskAsync()的方式，每次新任务都等待上一个任务完成后再启动，确保点击顺序就是执行顺序。
• 本地状态替代共享状态：每个任务使用独立的localList，完全避免了多线程并发修改同一集合的问题。
• 按钮禁用（可选）：防止用户在任务执行中重复点击，进一步避免操作混乱，同时给用户明确的交互反馈。

内容的提问来源于stack exchange，提问作者Равиль Мещеров