记录WPF MVVM模式+异步开发中遇到的一个坑

今天在做一个WPF项目时，运用到了MVVM+async/await开发。发现了WPF开发中的一个坑，在此记录。

先说结论：Visual Studio中的设计器（就是可以实时显示xaml的那个窗口）会对xaml代码进行生成并在Visual Studio打开设计器窗口后一直缓存，如果在xaml中设置Window.DataContext为某个ViewModel的话，这个ViewModel的构造方法将会在xaml生成之后被调用一次。如果ViewModel的构造方法中有多线程或者调用了异步方法，那么只要在Visual Studio中生成这个xaml界面后，多线程或者异步方法就会一直存在

在ViewModel的构造方法中写入了一个异步方法用于监听端口的UDP消息，如下：

/// <summary>
/// 每隔3s重新向连接控制端口广播一次口令
/// 当连接确认后，停止该方法
/// </summary>
private async void SearchingConnectionCtrl()
{
    conCtrlCTS = new CancellationTokenSource();
    conCtrlCT = conCtrlCTS.Token;
    ReInitUDPClients();
    while (!conCtrlCT.IsCancellationRequested)
    {
        byte[] password_buffer = Encoding.UTF8.GetBytes(RemotePassword);
        IPEndPoint broadcast_ipendp = new IPEndPoint(IPAddress.Broadcast, ConnectionControlPort);
        if(_connectionCtrlClient.Client != null )
            await _connectionCtrlClient.SendAsync(password_buffer, password_buffer.Length, broadcast_ipendp);
        //Task.Delay(3000).Wait();
        await Task.Delay(3000);
    }
    conCtrlCTS.Cancel();
}

构造方法中的调用如下：

        public ReceiveCommandViewModel()
        {
            InitUDPAndStartSearching();
        }
        private async void InitUDPAndStartSearching()
        {
            ReInitUDPClients();
            SearchingConnectionCtrl();
            GetRemoteIpByReceiveAsync();
        }

xaml中如下：

    <Window.DataContext>
        <vms:ReceiveCommandViewModel></vms:ReceiveCommandViewModel>
    </Window.DataContext>

我需要程序在运行的时候就持续向一个端口广播我给定的口令，然而上述的三个操作产生了奇妙的反应。

只要进入Visual Studio界面打开该项目就会一直广播，原因就在于设计器会将xaml中的代码生成的界面缓存，而我又在xaml中包含了ViewModel，ViewModel的构造方法中又循环调用了异步方法，导致设计器缓存的界面也触发了该异步方法，最终导致哪怕程序不在运行状态，也会每3s向固定端口发送口令。

解决方案

在对应页面的后台代码部分（就是每个View对应的那个.cs文件）中的构造方法中使用this.DataContext = new ViewModel();的方式来绑定ViewModel