javascript - 如何确保Angular服务构造函数中的异步初始化已完成？

专家，请告诉我如何在调用类中的其他函数时确保服务构造函数中的异步初始化完成？

  constructor() {
    var sock = new SockJS(this._chatUrl);
    this.stompClient = Stomp.over(sock);
    this.stompClient.connect({}, function () {
    });
  }

  public subscribe(topicName: string, messageReceived) {
    this.stompClient.subscribe('/topic/' + topicName, function (message) {
      messageReceived(message);
    })
  }

  public sendMessage(msgDestId: string, message) {
    this.stompClient.send("/app/" + msgDestId, {}, JSON.stringify(message));
  }

如您所见，到stomp-server的连接是在构造函数中建立的。之后，邀请该服务的客户（组件）订阅感兴趣的主题。自然，直到完全建立连接后，对subscribe函数的调用才变得有意义。

更新：
保持.connect方法仅被调用一次也很重要。否则，它将创建两个连接。

最佳答案

通过承诺与with脚客户端进行每次互动，例如：

constructor() {
    ...
    this.stomp = new Promise(resolve => {
        stompClient.connect({}, () => resolve(stompClient));
    });
}

subscribe(...) {
    this.stomp.then(stompClient => stompClient.subscribe(...));
}