尝试解决使用 setTimeOut、setInterval 和回调发送和接收消息的练习问题

Question

我正在第一次使用 setTimeOut 和回调来解决练习问题。 情况是这样的：

您收到以下 JavaScript 对象“recordMap”

            type: { [recordName: string]: Client }

客户端是一个接口，允许 a) 发送文本消息，b) 通过注册回调函数接收文本消息。

    interface Client {

    sendMessage: (message: string) => void;

    //to send messages to the Client

    onMessage: (callback: (message: string) => void) => 
              void; // a callback for receiving messages from the 
              Client

    }

公共方法“初始化”将初始化对活动客户端的跟踪。

目标是确保“recordMap”中没有为非活动客户端保留任何记录。

//注册每10秒向所有客户端发送'ping'消息。 注册一个回调函数来接收来自客户端的消息。

发送和接收消息是一种异步通信形式 - 给客户端 3 秒钟回复您的消息。

对于每个没有回复“pong”消息的客户，从“recordMap”中删除他的记录。

           type RecordMap = { [recordName: string]: Client };

           class RecordTracker {

             constructor (private recordMap: RecordMap) {}

             public initialize (): void {

             ...?

             }

             public getRecordMap (): RecordMap {

               return { ...this.recordMap };
             }
           }

---

我觉得我需要每 10 秒使用一次消息 setInterval 和 setTimeOut 来发送和接收消息，但不确定从那里去哪里。

我真的不知道用这个去哪里。 我需要创建一些虚拟客户端来调用吗？ 这是我到目前为止：

```
interface Client {
  sendMessage: (message: string) => void;
  onMessage: (callback: (message: string) => void) => void;
}

type RecordMap = { [recordName: string]: Client };

class RecordTracker {
  constructor (private recordMap: RecordMap) {}
  public initialize (): void {
    setInterval(() => {
      const sendMessage = (message) => {
        //????
      }
    }, 10000)
  }
  public getRecordMap (): RecordMap {
    return { ...this.recordMap };
  }
}```

Answer 1

我将首先设计一个接受客户端并检查它是否仍然处于活动状态的函数。 一旦你解决了那个部分，就可以直接将它连接到某种常规测试制度中。

由于发送消息是异步的，我们的函数是异步的。 并且，由于我们想强制解析它，我们将显式创建一个 Promise 以便我们可以在超时后解析它。

这是我想到的草图：

async function getIsClientActive( client, timeoutMs ) {
    return new Promise(resolve => {
        // set up the timeout
        setTimeout(() => resolve(false), timeoutMs)

        // set up handler to listen for pong
        const pongReceiver = ( msg ) => {
            if(msg === 'pong') resolve(true)
        }

        client.onMessage = pongReceiver

        // send the ping
        client.sendMessage('ping')
    })
}

一个重要的警告：我的getIsClientActive假设劫持每个客户端的onMessage处理程序是安全的。 如果这不安全，您可以在 ping 操作期间将当前处理程序临时存储在 RAM 中（更简单），或者为每个触发“消息”事件的客户端设置一个 EventEmitter 并且 ping 操作可以临时订阅（更健壮）

---

我想强调的一件事是：如果这个客户端探测操作可以不知道你的程序用来跟踪所有已知客户端的数据结构，那么它会让你的工作更容易。